美文网首页HTML+CSS
记录页面兼容ie8的小问题

记录页面兼容ie8的小问题

作者: LuckyS007 | 来源:发表于2017-10-24 14:19 被阅读20次

1.ie8是兼容伪元素的,不兼容伪类。一个冒号是伪元素:after,两个冒号是伪类::after,在写需要兼容ie页面时,注意写法。
2.rgba半透明度在ie8是不兼容的,可以在页面引入判断语句。

<!--[if lt IE 9]>
        <style type="text/css">
        .img_box_over{
            background:transparent;
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
            zoom: 1;
        }
        </style>
    <![endif]-->

3.nth-child()是不兼容ie8以下版本的。在多个商品排列显示时,是不能控制某个右边距或左边距为0的,可以在外围的ul设置padding-left/rihgt来做以下调整。

<ul>
      <li>01</li>
      <li>02</li>
      <li>03</li>
      <li>04</li>
      <li>05</li>
 </ul>

4.end

相关文章

网友评论

    本文标题:记录页面兼容ie8的小问题

    本文链接:https://www.haomeiwen.com/subject/xautpxtx.html