我有一個div
,它會在FF中懸停時淡入淡出,但在IE7中它只隱藏和顯示沒有動畫。這裏是我的代碼:jQuery FadeIn,FadeOut Div - IE7 bug
#nav-buttons {
display:none;
width:894px;
position:relative;
z-index:1000;
}
#left-button, #right-button {
position:absolute;
width:46px;
height:76px;
}
#left-button {
background:url("images/arrows.png") no-repeat scroll -88px -60px transparent;
left:-46px;
}
#left-button:hover {
background-position:-88px -260px;
}
#right-button {
background:url("images/arrows.png") no-repeat scroll 3px -60px transparent;
right:-43px;
}
#right-button:hover {
background-position:4px -260px;
}
----------
<div id="contents">
<div id="nav-buttons">
<a href="javascript:void(0)" id="left-button"></a>
<a href="javascript:void(0)" id="right-button"></a>
</div>
other html....
</div>
----------
$(document).ready(function() {
$("#contents").hover(function() {
$("#nav-buttons").fadeToggle("slow");
});
});
如果有人有ie7這裏是一個小提琴http://jsfiddle.net/KMmSB/5/ –
編輯後。嘗試刪除過濾器。 – craniumonempty
在黑暗中拍攝,但由於「內容」似乎可以正常工作,而按鈕卻沒有,請嘗試刪除短劃線「 - 」以查看是否存在問題。可能不會,但我對舊的Netscape有着閃回的下劃線問題。 – craniumonempty