こんばんは
IE (8/7/6) で、絶対位置の要素に対して非常に奇妙な動作が発生します。次のようにスタイルされています。
位置: 絶対; 右: 5px; 上: 0px; Z インデックス: 5000;
に<body>
は垂直スクロールバーがあります。
<body>
ページが最初にレンダリングされるとき、要素の端から 5 ピクセルが取得されるように、絶対位置の div がレンダリングされます。しかし:hover
、ボディに a または AJAX イベントがある場合は常に、絶対位置に配置された要素が再レンダリングされ、スクロールバーの端から 5 ピクセルが取得されます。
マークアップ/CSS は大きすぎたり複雑すぎてここに投稿できませんが、右上隅にある [アクティビティ] タブのスクリーンショットをいくつか添付しました。
ページが最初にレンダリングされるとき: http://i.imgur.com/xumcu.jpg
AJAX イベントがトリガーされた場合: http://i.imgur.com/VirKc.jpg
私はそれが hasLayout の問題ではないことを確認しようとしましたが、特定のイベントで要素のスタイルを JavaScript で「修正」しようとしましたが、どちらの場合も、IE は「正しい」値は「5px」であると考えています。
ここで何が問題なのか考えてみませんか?!
ありがとう。