IE9 jquery 下滑效果问题答案

【问题标题】：IE9 jquery slidedown effect issueIE9 jquery 下滑效果问题
【发布时间】：2011-09-11 11:36:30
【问题描述】：

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

这发生在上滑

我的代码如下所示：

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

【问题讨论】：

您也介意发布 html 吗？ :)
没问题，看主帖。
@fxuser：您也可以发布您的 CSS 吗？你用的是盒子阴影吗？
是的，box shadow 可能会搞砸，我的意思是我们正在谈论的是 IE ^^
您使用的是哪个版本的 jQuery？ v1.5.1 是 first version to support IE9。 IE9 将您的网站呈现为哪种Document Compatibility 模式？错误的模式会导致不必要的问题。

标签： jquery internet-explorer-9 effect slideup

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

那么你的问题可能是css，我认为是盒子阴影。如果 javascript 行为正常，请尝试不使用框阴影，看看您是否仍然遇到同样的问题。 IE 可能在用动画和盒子阴影很好地渲染它时遇到了一些问题。
我不使用框阴影，而是使用文本阴影，我从 css 中删除了它，从 (btn, slide_menu) 中删除了每个 css，但它仍然显示这些奇怪的线条...
这是一个导致它的父 div，它上面有盒子阴影。现在我必须找到一个修复它，因为它破坏了一点设计。谢谢大家