浏览器兼容性问题总结

浏览器兼容性问题总结

以下兼容性问题总结只支持到IE8及以上，更低版本不经过测试

1. 元素透明度的问题

在chrome ,ff等浏览器中，只需要设置opacity即可达到的效果，在IE中需要对多个要素进行设置才行

{

filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;

}

2. js引入的问题 text/javascript和application/javascript 在页面引入js代码的时候，需要写出type的类型。

　 虽然application/javascript是标准的type类型，但是大家都喜欢写成text/javascript 所以浏览器对它的支持更好(特别是IE) ，

所以如果你使用类型是application/javascript ，在低版本的IE中，代码有可能会不执行，这点需要注意。

3. css3 中的border-radius 属性，在IE8中支持的并不是很好，人多人都介绍了如何处理这种兼容问题，但是用过之后会发现还是

　会有很多其他问题的出现，所以建议：如果需要兼容IE8以下的版本，还是用切好的圆角图片更为合适。

4. firefox浏览器的鼠标滚动事件，由于firefox并不支持onmousewheel事件，所以需要进行浏览器判断为其绑定DOMMouseScroll事件

　　if(document.addEventListener){
　　　　document.addEventListener('DOMMouseScroll',scrollFunc,false);
　　}

　用jquery绑定mousewheel事件的时候，可以绑定mousewheel事件，在执行的时候打印出ev的值，在向上或向下滚动的时候发现只有deltaY的值会变化，或1或-1，由此可判断滚轮滚动的方向。

　$(document).on('mousewheel', function(ev) {});