0

在主菜單下拉菜單中遇到一個意外的奇怪圖標,其中包含圖片,如附圖所示。此問題與IE 8,IE 9,IE 10.值得慶幸的是不IE 11. Link to the websiteCSS錯誤或IE兼容性問題?

兼容性問題或CSS錯誤仍然存​​在?或者它與文檔類型聲明有什麼關係?我的doctype聲明讀爲<meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1">

我正在使用此drop-down plugin的修改版本。

在下拉每個菜單項是:

<li id="li1" class="li-img"> 
    <a class="alink" href="somelink.html"></a> 
    <img class="img-fade"> 
</li> 


.li-img{ 
color: #ffffff; 
font-weight: bold; 
width: 25%; 
height: 80px; 
margin: 0px; 
} 

.alink{ 
position: absolute; 
top: 10px; 
left: 10px; 
opacity: 1 !important; 
z-index: 1000; 
} 

.img-fade{ 
-webkit-transition: opacity 0.25s ease-in-out; 
-moz-transition: opacity 0.25s ease-in-out; 
-o-transition: opacity 0.25s ease-in-out; 
-ms-transition: opacity 0.25s ease-in-out; 
transition: opacity 0.25s ease-in-out; 
position: absolute; 
opacity: 1; 
cursor: pointer; 
} 

.img-fade:hover{ 
opacity: 0.4; 
} 

#li1 img{ 
content:url(../img/dd/private-bank.jpg); 
width: 232px; 
clip: rect(0px, 232px, 80px, 0px); 
} 

screenshot

+0

''是不是一個DOCTYPE聲明。將'<!DOCTYPE html>'放在文件的第一行,沒有任何前面的字符。你不應該用'X-UA-Compatible'降級IE> 9,它可以被刪除。 – Teemu

+0

您的HTML中沒有定義圖像... –

回答

0

作爲補充說明,您應該始終在圖像上包含SRC。它是基於HTML標準的IMG標籤的必需屬性。

http://www.w3.org/TR/html5/embedded-content-0.html#the-img-element

src屬性必須存在,而且必須包含一個有效的非空URL由空格引用非交互,任選動畫,圖像既不是尋呼也不腳本資源潛在包圍。

- 對不起,這將是一條評論,但我沒有聲望放置這些。