浏览器兼容问题

原创于 2019-12-22 12:56:09 发布 · 198 阅读

CC 4.0 BY-SA版权

文章标签：

17 篇文章

订阅专栏

本文探讨了在Web开发中面对IE浏览器的兼容性问题，包括透明度设置、事件源差异、Ajax调用及鼠标样式调整等具体解决方案。同时，文中还提到了如何在Firefox和Chrome中统一鼠标样式，并解决了列表元素的margin、padding和list-style问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

垃圾的进步之路，每天一点点，积少成多，我迟早会成为大垃圾的。

兼容方面主要是兼容进步极其缓慢的IE 浏览器。
写一些常用的，不常用的就遇到了上网搜即可。

IE9以下浏览器不能使用opacity (奥啪 c tei)
解决方案:

opacity：0.5；filter：alfha（opacity=50）；filter：progid：DXlmageTransform.Microsoft.Alfha(style=0,opacity=50);

IE浏览器的事件源不同：

IE是event.srcElement，firefox和chrome是event.target
解决方案：e = event.srcElement?event.srcElement:event.target;

ajax方面

IE： ActiveXObject
其它： xmlHttpRequest

鼠标变小手

FF(firefox)不支持hand，但ie支持pointer（音译：跑 in ter）
解决方法: 统一使用pointer

FF和IE的ol和ul，去除margin，padding和list-style

IE: margin: 0;(即可)
FF: margin: 0;padding: 0; list-style: none;(全部写上)