不透明度属性的.animate（）的IE8问题 - 后代始终是不透明的

Question

基本上我有类似的东西：

<ul>
<li>
<a>
<div class="trigger-layer"></div>
<div class="title-layer">Text here</div>
<div class="hover-layer"></div>
</a>
</li>
</ul>

我使用jQuery为<ul>设置动画，如下所示：

$ul = xxx (where I assign the selector to var $ul)
$ul.animate({opacity: 0}, 1000, function() {$ul.css("display", "none")});

然而，在IE8中，当<ul>淡出时，<div class="title-layer">Text here</div>仍然清晰且不透明。最后，动画结束，display: none;属性应用到<ul>，文本突然消失。

Answer 1

你在这里有一些外部标记/样式/脚本影响这个，只使用 你发布的内容，你可以在这里看到一个演示：http://jsfiddle.net/r7pwQ/

你确定没有无效的HTML吗？ （除了锚点内的<div> s，也是无效的Make sure you're dealing with valid HTML，否则IE会做各种各样的随机事情。