jquery - IE9 jquery 下滑效果问题

Question

所以我有一个 ul 列表，我点击它上面的一个 div，然后我切换它，这样我就可以向下/向上滑动列表......但是当我在 IE9 上向下滑动列表时，我在它下面看到了这个奇怪的效果：

这发生在 slideUp

我的代码如下所示：

    $(".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>

Answer 1

如果您只想在点击时切换它，试试这个。稍微更改了您的代码，我没有 IE9，因为我在 Mac 上，但这应该可以工作。如果还是不行。告诉我，我会看看我能做什么！

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

Answer 2

如果您为或元素height设置了 css 样式，则删除它可以解决 IE9 框阴影渲染问题。这对我有用。我知道，IE9 应该首先正确地做到这一点。这看起来像一个 IE9 错误。100%htmlbody