css :before 伪元素在 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 并看看是否有帮助。