css：之前僞元素不顯示背景圖像與IE8

我開始使用：before僞元素顯示標識之前錨文本列表中。css：之前僞元素不顯示背景圖像與IE8

我跟着尼古拉斯加拉格爾的指示，但背景圖像不顯示在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>

來源

2011-10-28 MacGirl1985

它在IE8中，在你的演示和[這個]（http://jsfiddle.net/7fSv6/）上工作的非常好...... –

謝謝韋斯利。 IE也被設置爲兼容模式，我沒有注意到。 – MacGirl1985

IE8在標籤上有浮動和特定寬度/高度值的多個問題。嘗試添加一個「縮放：1」觸發haslayout，看看是否有幫助。

來源

2011-10-28 17:18:50 Joshua

謝謝Josh！我不知道zoom屬性。 – MacGirl1985

你是我的英雄！ – adaam

OMG爲什麼你仍然在IE8中工作你可憐的東西@adaam – Joshua

css：之前僞元素不顯示背景圖像與IE8

回答

相關問題