HTML+CSS

记录页面兼容ie8的小问题

2017-10-24  本文已影响20人  LuckyS007

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

上一篇下一篇

猜你喜欢

热点阅读