js中浏览器兼容问题

Posted 2021-03-06 lichenfei

首先了解下浏览器

非标准浏览器：ie6 ie7 ie8 ie9等

标准浏览器：chrome ie10  ie11 火狐 safari 等

常见的浏览器兼容性问题：

• html 问题
• CSS 问题
• javascript 问题

1.浏览器兼容性问题

市场上的浏览器有很多种，当然浏览器的内核也不一样，不同的浏览器在解析代码的时候，页面渲染的效果也不一致。

 

2.IE9以下浏览器不能使用  Opacity

解决方法：

　　　　标准浏览器下 ：  Opacity:0.5；

　　　　非标准浏览器下： filter：alpha（opacity=“50”）

 

3.ie8以下浏览器不支持使用event对象

解决方法：

• var event=event或者window.event
• 使用 srcElement 对象