jquery - 内含 div 的 div 上的 fadeToggle 无法按预期在 IE 中工作

Question

我有这样的设置:

<div class="fadetoggle">
  <div>Content</div>
  <div>Content</div>
</div>

这段代码:

$(".button").click(function () {
  $(".fadetoggle").fadeToggle('slow');
});

在所有现代浏览器中，我测试了它到目前为止它的工作原理，但在 IE8 中，div“fadetoggle”只是显示/隐藏。如果我仅在没有子项的 div 上使用 fadeToggle，它可以在 IE8 中工作。

怎么来的？有没有办法让我的设置在 IE 中进行 fadeToggle？

Answer 1

好的，这就是发生的事情:

1. IE 不喜欢固定元素上的淡入淡出。所以我将它们“包装”在一个 div 中并让它与此一起工作:

   $("div-wrapper").children().fadeToggle();

2. 在“group-div”内的另一个div上，我在css中同时声明了position:relative & float:right。当然，这无论如何都是多余的，所以我猜这对 IE 来说是一种反驳。

所以我刚刚删除了position:relative，现在一切正常。

谢谢。