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

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，看看是否有帮助。