1

我在 IE 无法读取我正在编辑的网站主页上的所有 CSS 时遇到了一些问题。我已经检查过它是否有效（它仍然显示一些标签没有关闭，即使这不是真的，但无论如何）。我无法摆脱内联样式，特别是因为内容管理系统（Volusion）覆盖了我编写的大部分代码，所以我被迫编写了很多内联代码。CSS 页面已加载，因此标题区域具有以下样式：

#header{ z-index:1; 
         width:100%; 
         opacity:.85; 
         background:rgba(200,200,200,.85); 

         /*For IE*/ 
         background-color: rgb(200, 200, 200); 
         opacity(0.85); }

我最初在没有“背景颜色”的情况下运行它，因为 rgba(200,200,200,.85) 应该适用于 IE，但在这种情况下它不是。事实上，甚至在我将其更改为添加“背景颜色”之前，其他页面都完美地从这个 CSS 中绘制。然而，主页读取背景颜色，但这是它唯一需要的东西。它显然是从 Template.CSS 文件中读取的，因为它引用了它，但是不使用不透明度，并且标题被放置在“固定”的图像之后，因此应该悬停在这些图像上方。标题中的其他元素也是如此。我有 btn-group:first-child 有：

.btn-group a:first-child{ 
       border-radius: 4px 0 0 4px; 
       text-decoration:none; 
       font-weight:bold; }

但是这些样式都没有应用在主页上。事实上 .btn-group 根本没有出现在样式列表中。我知道它可以阅读此内容，因为如果您转到该网站的任何其他页面，您会看到它的外观（它几乎是完美的）。但是主页不起作用。

有问题的页面位于 www.giftonline.us ，任何帮助都将不胜感激！

4

1 回答 1

1

IE 被强制进入 Quirks 模式，因为您有一个doctype与其他页面不匹配的无效页面。您需要使用 validdoctype以便 IE 以标准模式显示。

目前您有：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

尝试将doctype主页更改为与其他页面相同：

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

一旦您为页面提供了正确doctype的 ，CSS 规则应该像在其余页面上一样工作。

而且您正在使用无效的 html 链接到您的 CSS：

<link href="v/vspfiles/templates/tempTemplate/css/Imports.css" rel="stylesheet" type="text/css"></link>

应改为：

<link href="v/vspfiles/templates/tempTemplate/css/Imports.css" rel="stylesheet" type="text/css" />
于 2012-10-24T21:57:34.730 回答