div中的子元素不会在IE中淡入淡出（）

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