IE兼容问题,各类css hack代码(亲测有效) - 平底斜
程序员文章站
2022-04-26 08:06:16
...
现在大部分企业对浏览器兼容要求是IE7+或者IE8+,要求IE6的很少,此处一并写出。
IE6:
_margin-top: 20px;
IE6+IE7:
*margin-top: 20px;
+margin-top: 20px;
IE6+:
margin-top: 20px\9;
IE8+:
margin-top: 20px\0;
IE9:
/*:root在谷歌浏览器中也能被识别,所以需要加\9*/ :root .item{ margin-top: 20px\9; }
IE8:
/*没有针对IE8的hack代码,但是可以组合实现*/ margin-top:10px\0; :root .item{ margin-top: 20px\9; }
这只是头疼医头,脚痛医脚。可以解决生产中遇到的IE兼容问题,却不清楚究竟是哪些属性导致的兼容问题,有必要对浏览器解析CSS属性做一些了解,生产中尽量避开这些坑,提高开发效率。