IE在不同頁面上以不同方式處理CSS

Question

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); }

我最初運行時沒有“ background-color”，因為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找到有問題的頁面，對您的任何幫助都將不勝感激！

Answer 1

IE被強制進入Quirks模式，因為您具有與其他頁面不匹配的無效doctype 。 您需要使用有效的doctype以便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" />

IE在不同頁面上以不同方式處理CSS

問題描述

1 個解決方案

解決方案1
1 已采納 2012-10-24 21:57:34

IE在不同頁面上以不同方式處理CSS

問題描述

1 個解決方案

解決方案1 1 已采納 2012-10-24 21:57:34

解決方案1
1 已采納 2012-10-24 21:57:34