CSS - div背景颜色变透明，IE8--答案

【问题标题】：CSS - Div background color becomes transparent, IE8 --CSS - div背景颜色变透明，IE8--
【发布时间】：2025-12-23 16:15:12
【问题描述】：

我现在正在为我姐姐建立一个网站。它在 Chrome、firefox 和 IE9 上看起来很正常，但由于某些原因，我的一些 div 在 IE 7 中丢失了所有背景颜色 --。

http://xx3004.kodingen.com/JDProperties

打开网站，您可以看到弹出消息的标题和按钮设置（背景颜色）有问题 - 我现在使用的是 IE 7。然后左体的内容也失去了背景颜色，右栏也失去了背景。我在 Google 上进行了很多搜索，而且我注意到 jQueryUI 不可能是错的，所以我想这是因为我的 DOCTYPE 在源代码的开头。我尝试将其更改为在 Internet 上看到的其他一些 DOCTYPE，甚至省略它，但网站变得混乱或保持不变。

这是我第一次看到这种情况，很奇怪，我希望我不知道如何解决它。

我期待很快解决这些问题 :-)。提前谢谢大家。

[x]

【问题讨论】：

您有特殊的理由使用模态表单吗？这往往会让人感到困惑，因为如果不关闭对话框，您就无法访问 Web 的其余元素。更推荐用于表单和通知。
我每周只能上网 4 或 5 天，所以我尽力告诉您您的回答是否可以解决我的问题。再次抱歉让大家久等了。 [x]

标签： css background doctype

【解决方案1】：

我开始看，然后看到了这个

</head> 
  <body> 

 </body> 

 </html>    

</head>

<body>..

尝试正确构建结构，看看会发生什么。

【讨论】：

嗨，这是因为实际上我写了 3 个不同的页面：header.php、index.php 和 footer.php，然后我使用 include() 嵌入它们，一旦我想编辑导航栏或页脚，它会变得更容易。这可能是问题所在，让我尝试删除它们，然后我会在我可以上网后立即告诉它是否有效。你的答案可能就是我需要的。 +1。 [x]

【解决方案2】：

您的 HTML 标签不匹配。 Chrome、firefox 和 IE9 正在为您清理，但 IE7 不是那么好。

【讨论】：

IE7 并不是那么好，尽管这个问题真的应该被报告而不是被修复。 W3C 验证器有帮助。
感谢您的回复，我会尽量删除不必要的标签，我只是想知道当我将 header.php、footer.php 嵌入索引时它是否仍然有效.php（使用include()）没有那些标签（<html><body>....）；
我做到了，但没有按预期工作。请看一下：xx3004.kodingen.com/JDProperties[x]

【解决方案3】：

同意@albert，您确实需要重新编码该页面，尽管它似乎大部分工作，多个head, body, style 元素的嵌套会导致麻烦，我建议您更改为HTML4 Doctype，因为编码是不是 XHTML，浏览器必须处理的冲突（标签汤）越多，您就越有可能让它们以不同的方式解释您的意图。

至于您拥有background: inherit 的众多（内联样式）位置中的 IE 背景，IE 不理解属性的“继承”值 - 或者更具体地说，对于 IE7 和更早的版本，它只应用了“继承到 direction 和visibility属性

【讨论】：

您好，我已经编辑过了，您现在可以再检查一下，还是不行：xx3004.kodingen.com/JDProperties我已经删除了不必要的标签（例如<html><body><head>...并将DOCTYPE更改为HTML4，但它保持不变。你知道该怎么做吗？[x]