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 中启用“兼容模式”，它就会按预期工作。请参阅此示例页面。

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