jquery - div 中的子元素在 IE 中不会 fadeTo()

Question

这对我来说很奇怪。这段代码:

$(".layover").fadeTo("fast", 0.0);
$(".layover").hover(function() {
$(this).fadeTo("fast", 0.9);
},
function() {
$(this).fadeTo("fast", 0.0);
});

..在除 IE7 和 IE8 之外的所有浏览器上都能正常工作。它甚至可以(缓慢地)在 IE6 中运行(尖叫!)在 IE7 和 IE8 中，此代码不会淡出子元素，即 img 标签。 img 只是坐在那里不受影响。但是，如果我在 IE8 中启用“兼容模式”，它就会按预期工作。请参阅this example page .

我的 JavaScript 中是否缺少一些可以帮助 IE 正常运行的内容？我可以在 IE 中强制使用兼容模式吗？

我知道有人会对 FOUC 发表评论。我也在做这方面的工作。

更新:这是 CSS 部分

div.layover {
position:absolute;
padding:0px;
display:inline-block;
background-color:#fff;
height:106px;
width:312px;
}

Answer 1

这并不能回答您的主要问题，但我相信将您的第一行更改为此将有助于修复您的 FOUC:

$(".layover").hide();