IE9 jquery滑动效果问题

时间:2011-06-09 07:36:17

标签: jquery internet-explorer-9 effect slideup

所以我有一个ul列表,我单击它上面的div然后我切换它,所以我可以滑入/上升列表...但是当我在IE9上滑动列表时,我看到它下面的这个奇怪的效果:

enter image description here

这在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>

2 个答案:

答案 0 :(得分:1)

如果您只想在点击时切换,请尝试此操作。稍微修改了你的代码,我没有IE9,因为我在Mac上,但这应该工作。如果它仍然不起作用。告诉我,我会看到我能做什么!

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

答案 1 :(得分:1)

如果height100%元素的html css样式设置为body,则删除它可以解决IE9框阴影渲染问题。这对我有用。我知道,IE9首先应该做得恰到好处。这看起来像IE9错误。