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();