首页  >  文章  >  web前端  >  IE兼容问题,各类css hack代码(亲测有效)_html/css_WEB-ITnose

IE兼容问题,各类css hack代码(亲测有效)_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:24:42969浏览

现在大部分企业对浏览器兼容要求是IE7+或者IE8+,要求IE6的很少,此处一并写出。

IE6:

_margin-top: 20px;

IE6+IE7:

*margin-top: 20px;<br />
+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属性做一些了解,生产中尽量避开这些坑,提高开发效率。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn