IE9 jquery slidedown效果問題

所以我有一個ul列表，其中我點擊它上面的div，然後我切換它，所以我可以滑動/列表...但當我滑動列表上的IE9我看到這個奇怪的效果它下面：IE9 jquery slidedown效果問題

enter image description here

這發生在效果基本show

我的代碼看起來是這樣的：

$(".btn").click(function() { 
    if ($(this).next().is(":visible")){ 
     $(".slide_menu").slideUp("fast"); 
    }else{ 
     $(".slide_menu").slideUp("fast"); 
    } 
});

HTML看起來像這樣：

 <div class="btn">Button</a></div> 
    <ul class="slide_menu"> 
    <li><a href="http://domain.com">Link</a></li> 
    </ul>

來源

2011-06-09 fxuser

你介意發佈html嗎？ :) – 2011-06-09 07:38:52

沒問題，看主帖。 – fxuser 2011-06-09 07:42:05

@fxuser：你可以發佈你的CSS嗎？你使用盒子陰影嗎？ – DarthJDG 2011-06-09 08:01:43

如果您只想在點擊時將其切換，請嘗試此操作。只改變了你的代碼，我沒有IE9，因爲我在Mac上，但這應該工作。如果它仍然不起作用。告訴我，我會看看我能做什麼！

http://jsfiddle.net/fWJuk/1/

來源

2011-06-09 07:56:47

我沒有看到此代碼的任何更改。 – fxuser 2011-06-09 08:50:05

然後你的問題可能是CSS，我認爲有箱子陰影。如果JavaScript的行爲像它應該那樣，那麼嘗試沒有盒子陰影，看看你是否仍然有同樣的問題。 IE可能有一些問題，很好地渲染動畫和盒子陰影。 – 2011-06-09 09:00:43

我不使用框陰影，而是文字陰影，我從CSS中刪除它，從（btn，slide_menu）的每一個CSS，但它仍然顯示這些奇怪的線條... – fxuser 2011-06-09 09:18:23

如果你有height CSS樣式設置爲100%爲html或body元素，刪除它可以解決IE9箱陰影渲染問題。這對我有效。我知道，IE9首先應該做到這一點。這看起來像一個IE9的錯誤。

來源

2011-08-11 18:53:52 jhsu

IE9 jquery slidedown效果問題

回答

相關問題