IE9 jquery下滑效应问题

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

这发生在slideUp上

我的代码如下所示：

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

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

html如下所示：

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

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

按钮

如果您只想在单击时切换，请尝试此操作。稍微修改一下你的代码，我没有IE9，因为我在mac上，但这应该可以用。如果它仍然不起作用。告诉我，我看看我能做什么

---

如果为

html

或

body

元素将

height

css样式设置为

100%

，移除它可以解决IE9框阴影渲染问题。这对我有用。我知道，IE9一开始就应该做得很好。这看起来像是一个IE9错误。

您介意同时发布html吗？：）没问题，请参阅主帖子。@fxuser:您也可以发布CSS吗？你在使用box shadow吗？是的，box shadow可能会把事情搞砸，我的意思是我们正在讨论的IE^^你在使用哪个版本的jQuery？v1.5.1是最新版本。另外，IE9将您的站点呈现为哪种模式？错误的模式可能会导致不必要的问题。那么你的问题可能是css，我认为是框阴影。如果javascript的行为与它应该的一样，那么尝试不使用box shadow，看看是否仍然存在相同的问题。IE可能在动画和框阴影的渲染上有一些问题。我不使用框阴影，而是使用文本阴影，我从css中删除了它，每个css都从（btn，slide_菜单）中删除了它，但它仍然显示这些奇怪的线条…这是一个父div造成的，它上面有框阴影。。现在我必须找到一个解决方案，因为它破坏了一点设计。。谢谢各位