Question

我在IE8中遇到一个奇怪的问题，试图在我的屏幕上找到一个隐藏所有其他内容的固定div。

现在实际发生的是，固定的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>

但Internet Explorer 8中的结果是这样的：

____________________
|                  |
|                  |
|     CONTENT      |
|                  |
|__________________|
|                  |
| THIS SHOULD BE   |
|       ON         |
|      TOP!        |
|                  |
|__________________|

毫不奇怪，这在FireFox中完全没问题。

有没有人知道在IE8中导致错误的原因是什么？是否可以将任何CSS属性设置为任何前面的HTML？虽然我非常怀疑这一点，因为固定的div并没有嵌套在除身体之外的任何其他元素中。

感谢您的帮助！

为什么我的固定div出现在IE8的内容之下？

0 个答案: