美文网首页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