IE8的樣式背景網址圖片

Question

我在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選擇器保存上面定義的寬度和高度。

Answer 1

您必須檢查您的文檔類型。 將其替換為您的加載程序文檔類型。 在Quirks模式下，IE較早的版本不支持除“ tag”之外的其他元素上的“：hover”。

<!DOCTYPE html>

如果您願意，可以在此處了解標准和Quriks模式

IE8的樣式背景網址圖片

問題描述

1 個解決方案

解決方案1
1

IE8的樣式背景網址圖片

問題描述

1 個解決方案

解決方案1 1

解決方案1
1