1
當我試圖在我的屏幕上隱藏所有其他內容時，我在IE8中出現了一個奇怪的問題。爲什麼我的固定div出現在IE8的內容下面？
現在實際情況是，固定格出現在我的內容以下。代碼片段：
<!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>
但結果在Internet Explorer 8中是這樣的：
____________________
| |
| |
| CONTENT |
| |
|__________________|
| |
| THIS SHOULD BE |
| ON |
| TOP! |
| |
|__________________|
不出意外這絕對作品罰款的Firefox。
有沒有人有任何想法是什麼可能導致這在IE8出錯？它可以是任何CSS屬性設置爲任何前面的HTML？雖然我非常懷疑這一點，因爲固定div並不是嵌套在身體以外的任何其他元素中。
感謝您的幫助！
你指定的doctype一些解釋？ – Kayo
在這兩個工程都適合我 - http://jsfiddle.net/Txdv7/ – Cdeez
@Cdeez是的，它可以在jsfiddle中正常工作。這是問題。當我用這段代碼創建一個簡單的測試頁時，它也適用於我。但它在我實際需要的頁面中不起作用。所以它一定是由於我找不到的一些小事情。 – Jules