当前位置:Gxlcms > html代码 > IE兼容问题,各类csshack代码(亲测有效)-平底斜

IE兼容问题,各类csshack代码(亲测有效)-平底斜

时间:2021-07-01 10:21:17 帮助过:16人阅读

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

IE6:

  1. <span style="color: #800000;">_margin-top: 20px;</span>

IE6+IE7:

  1. <span style="color: #800000;">*margin-top: 20px;<br></span>
  1. <span style="color: #800000;">+margin-top: 20px;</span>

IE6+:

  1. <span style="color: #800000;">margin-top: 20px\9;</span>

IE8+:

  1. <span style="color: #800000;">margin-top: 20px\0;</span>

IE9:

  1. <span style="color: #008000;">/*</span><span style="color: #008000;">:root在谷歌浏览器中也能被识别,所以需要加\9</span><span style="color: #008000;">*/</span><span style="color: #800000;">
  2. :root .item</span>{<span style="color: #ff0000;">
  3. margin-top</span>:<span style="color: #0000ff;"> 20px\9</span>;
  4. }

IE8:

  1. <span style="color: #008000;">/*</span><span style="color: #008000;">没有针对IE8的hack代码,但是可以组合实现</span><span style="color: #008000;">*/</span><span style="color: #800000;">
  2. margin-top:10px\0;
  3. :root .item</span>{<span style="color: #ff0000;">
  4. margin-top</span>:<span style="color: #0000ff;"> 20px\9</span>;
  5. }

这只是头疼医头,脚痛医脚。可以解决生产中遇到的IE兼容问题,却不清楚究竟是哪些属性导致的兼容问题,有必要对浏览器解析CSS属性做一些了解,生产中尽量避开这些坑,提高开发效率。

人气教程排行