0

IE8 でホバー時のバックグラウンド URL に問題があります。

他のブラウザと 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セレクターを使用して、上記で定義した幅と高さを保存します。

4

1 に答える 1

1

doctype を確認する必要があります。ローダーのDoctypeに置き換えてください。Quirks Mode では、古いバージョンの IE は "tag" 以外の要素で ":hover" をサポートしていません。

<!DOCTYPE html>

必要に応じて、標準モードとQuriksモードについてここで知ることができます

于 2013-10-18T13:20:45.497 に答える