IE兼容问题,各类css hack代码(亲测有效)
现在大部分企业对浏览器兼容要求是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属性做一些了解,生产中尽量避开这些坑,提高开发效率。 |