不需要的圖標出現在圖像在IE8

我有一個在li標籤下的圖像標籤，我已經添加圖像使用背景屬性，有一個意想不到的圖標com8在IE8中，在FF和鉻工作正常。不需要的圖標出現在圖像在IE8

HTML：

<img class="accordionDown">

CSS：

.accordionDown { 
    background: url('../images/accordian_down.png') no-repeat #E5E4E2; 
    height: 35px; 
    border: 0; 
    display: inline-block; 
    float:left; 
}

來源

2014-02-13 Java Learner

可能是因爲您使用img標籤沒有src屬性。這也很愚蠢，特別是如果你通過CSS設置背景圖像。 – slash197

是的，想想slash197評論。你可以有另一個標籤，就像div一樣... – jtheman

爲什麼你不使用圖片標籤的src屬性？像這樣： – Sora

請換<img class="accordionDown" src="Path To Image" >

來源

2014-02-13 11:18:32

代替image使用span，

並添加width和overflow:hidden你類

.accordionDown { 
    background: url('../images/accordian_down.png') no-repeat #E5E4E2; 
    height: 35px; 
    width:35px;/* add width */ 
    overflow:hidden;/* add overflow */ 
    border: 0; 
    display: inline-block; 
    float:left; 
}

來源

2014-02-13 11:18:38

我得到所有意想不到的結果，它沒有解決我的問題，如果我在上面的代碼中使用src屬性，Jquery的手風琴功能不起作用 –

你可以在'fiddle'上做一個在線演示嗎？ –

它有點複雜，我會嘗試所有解決方案建議並標記爲答案。謝謝您的幫助 –

不需要的圖標出現在圖像在IE8

回答

相關問題