風格背景對IE8的網址圖像

對於其他瀏覽器和IE9它工作得很好，但在IE8的問題如下：

原始圖像顯示與顯示懸停在那裏的形象。

當我做鼠標懸停圖像顯示，但原始圖像在那裏。

反正存在解決這個??

CSS：

#toTop { 
    position:fixed; 
    bottom:10px; 
    right:10px; 
    cursor:pointer; 
    display:none; 
    z-index:99999; 
    background:transparent url('original.png') no-repeat; 
    background-size:58px 59px; 
    width:58px; 
    height:59px; 
} 

#toTop:hover{ 
    background:url('hover.png') no-repeat; 
    background-size:213px 59px; 
    width:213px; 
    height:59px; 
} 

html > body div#toTop { 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='original.png', 
    sizingMethod='scale'); 
} 

html > body div#toTop:hover{ 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='hover.png', 
    sizingMethod='scale'); 
}

我使用的CSS IE8選擇保存的寬度和高度我在上面定義。

來源

2013-10-18 user2232273

你可以提供一個URL的jsfiddle測試它？ – Apostolos

@Apostolos將無法與IE8一起工作？ – Abhitalks

它只是爲了測試什麼錯了:) – Apostolos

你必須檢查你的文檔類型。用它的加載器文檔替換它。在怪癖模式下，IE舊版本不支持「：懸停」元素，而不是「標籤」。

<!DOCTYPE html>

如果你喜歡，你可以瞭解標準和Quriks模式HERE

來源

2013-10-18 13:20:45

適用於Quirks模式提及。即使在IE7中，Op的代碼也能正常工作，但會在怪異模式下失敗！ – Abhitalks

@abhitalks謝謝，是的，你是對的，這是非常重要的話題，沒有采取預防措施，設計出現問題。特別與IE。 – 2013-10-18 13:44:03

風格背景對IE8的網址圖像

回答

相關問題