Question

我开始使用：before伪元素在列表中的锚文本之前显示徽标。

我遵循了Nicolas Gallagher的指示，但背景图片没有在IE8中显示。适用于其他浏览器。有人看到我可能做错了吗？

我在这里发布了这个例子： http://vervedesignstudios.com/gb/testBefore.html

这是标记：提前感谢您的建议。

<style>

/* Pseudo-element cropping bit */
.iLst24 li a:before {
    content:""; 
    float:left; 
    width:24px; 
    height:24px; 
    margin:0 6px 0 0; 
    background-image:url("images/HomeSprite.png");
    }

.iLst24 .fb a:before {background-position:0 0;}
.iLst24 .tw a:before {background-position:0 -50px;}
.iLst24 .yt a:before {background-position:0 -100px;}

</style>


<div class="iLst24">
    <ul>
        <li class="fb"><a href="http://www.facebook.com">Facebook</a></li>
        <li class="tw"><a href="http://www.facebook.com">Twitter</a></li>
        <li class="yt"><a href="http://www.facebook.com">YouTube</a></li>
    </ul>
</div>

Answer 1

IE8在标签上有浮动和特定宽度/高度值的多个问题。尝试添加“zoom：1”来触发haslayout，看看是否有帮助。

css：在伪元素之前没有用IE8显示背景图像

1 个答案: