これは私には奇妙です。このコード:
$(".layover").fadeTo("fast", 0.0);
$(".layover").hover(function() {
$(this).fadeTo("fast", 0.9);
},
function() {
$(this).fadeTo("fast", 0.0);
});
..IE7 と IE8 を除くすべてのブラウザで問題なく動作します。imgIE6 でも (ゆっくりと) 動作します (悲鳴!) IE7 と IE8 では、このコードは子要素、つまりタグをフェードアウトしません。影響を受けずにそこimgに座るだけです。ただし、IE8 で「互換モード」を有効にすると、期待どおりに動作します。この例のページを参照してください。
IE が快適に動作するように、JavaScript に欠けている部分はありますか? IE で互換モードを強制できますか?
そして、誰かが FOUC についてコメントすることを知っています。私もそれに取り組んでいます。
更新: ここに CSS 部分があります
div.layover {
position:absolute;
padding:0px;
display:inline-block;
background-color:#fff;
height:106px;
width:312px;
}