jquery - 不透明属性的 .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 吗？ (除了 anchor 内的 <div> 之外，它也是无效的:) Make sure you're dealing with valid HTML , 否则 IE 会做各种随机的事情。