Css 为什么我的固定div出现在IE8的内容下面？_Css_Html_Internet Explorer 8_Position_Fixed

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

css html internet-explorer-8

Css 为什么我的固定div出现在IE8的内容下面？,css,html,internet-explorer-8,position,fixed,Css,Html,Internet Explorer 8,Position,Fixed,我在IE8中遇到了一个奇怪的问题，当时我试图在我的屏幕上设置一个固定的div，暂时隐藏所有其他内容现在实际发生的是固定div出现在我的内容下方。代码段： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>...</head> <body> <table width="50%">...</ta

我在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>

毫不奇怪，这在FireFox中工作得非常好

有人知道是什么导致IE8出现问题吗？是否可以将任何CSS属性设置为前面的任何HTML？尽管我非常怀疑这一点，因为除了主体之外，固定div没有嵌套在任何其他元素中

谢谢你的帮助

您需要将doctype定义更改为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

您可以在

找到一些解释，您需要将doctype定义更改为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

您可以在

找到一些解释，您是否指定了doctype？在这两种情况下对我都适用-@Cdeez是的，在jsfiddle中也适用。这就是问题所在。当我用这段代码创建一个简单的测试页面时，它也适用于我。但它在我真正需要它的页面中不起作用。所以一定是因为我找不到什么小东西。@Kayo是的，doctype是将doctype更改为

，然后再试一次。在IE7中为我修复了它。您是否指定了doctype？在这两种情况下都适用-@Cdeez是的，在JSFIDLE中也适用。这就是问题所在。当我用这段代码创建一个简单的测试页面时，它也适用于我。但它在我真正需要它的页面中不起作用。所以一定是因为我找不到什么小东西。@Kayo是的，doctype是将doctype更改为

，然后再试一次。在IE7中为我修复了它