这对我来说很奇怪。这段代码:
$(".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;
}