Jquery 不透明度属性的.animate（）存在IE8问题-子体始终保持不透明

基本上我有这样的东西：

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

---

然而，在IE8中，随着

逐渐消失，此处的

文本保持清晰和不透明。最后动画结束，
显示：无
属性应用于
上，文本会自动消失。
您在此处有一些外部标记/样式设置/脚本会影响这一点，仅使用您发布的内容，您可以在此处看到演示：

你确定没有出现无效的HTML吗？（除了锚内的
s，它也是无效的：），否则IE会做各种随机的事情。
但是在我目前的技术专长范围内，我没有其他方法可以完成我需要的：（你可以在这里看到一个例子：动画被减慢到5000ms，这样我就可以准确地看到发生了什么。@Fabian-那里有很多额外的div…我可以问一下你为什么要写菜单吗？（问题是标题div上的相对位置，尽管所有的z索引都有复杂的因素）。有一些现有的菜单可以做你想要做的事情，例如，所以
position:relative；
是IE 8出现问题的原因吗？根据记录，IE 7呈现的字体非常怪异，像是斑点和像素。这个菜单是由Wordpress的原生
wp\u list\u pages（）生成的
功能，因此我对使用的标记的控制有限。将
插入锚定标记是我能想到的唯一方法。
$ul = xxx (where I assign the selector to var $ul)
$ul.animate({opacity: 0}, 1000, function() {$ul.css("display", "none")});