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