画面上に固定divを表示して、他のすべてのコンテンツを一時的に非表示にしようとすると、IE8で奇妙な問題が発生します。
実際に今起こっていることは、固定divが私のコンテンツのすぐ下に表示されることです。コードスニペット:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>...</head>
<body>
<table width="50%">...</table>
<div class="cadre2" style="width: 50%">...</div>
<div style="z-index: 9999; position: fixed; background-color: #ff0000; width: 100%; height: 100%; top: 0px; right: 0px; left: 0px; bottom: 0px;">This should be on top!</div>
</body>
</html>
ただし、InternetExplorer8の結果は次のようになります。
____________________
| |
| |
| CONTENT |
| |
|__________________|
| |
| THIS SHOULD BE |
| ON |
| TOP! |
| |
|__________________|
当然のことながら、これはFireFoxでは完全に正常に機能します。
IE8でこれがうまくいかない原因が何であるかを誰かが知っていますか?上記のHTMLのいずれかに設定されたCSS属性にすることはできますか?固定divは本体以外の要素にネストされていないため、これは非常に疑わしいですが。
ご協力いただきありがとうございます!