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

我遇到了一些問題，IE沒有閱讀我正在編輯的網站的主頁上的所有CSS。我已經檢查過它的驗證（它仍然顯示一些標籤沒有關閉，即使這不是真的，但是無論如何）。我無法專門去掉內聯樣式，因爲內容管理系統（Volusion）覆蓋了我編寫的大部分代碼，所以我不得不寫很多內聯代碼。 CSS的頁面加載，使頭部區域具有樣式：IE在不同的頁面上處理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（200200200，0.85）應與IE瀏覽器，但在這種情況下，它不是」噸。事實上，即使在我改變它來添加'background-color'之前，其他頁面也完全從這個CSS中繪製出來。然而，主頁顯示的是背景顏色，但這是它唯一需要的。它清楚地從Template.CSS文件中讀取，因爲它引用了它，但不透明度未被使用，並且頭部被放置在「固定」圖像之後，因此應該懸停在這些圖像上方。標題中的其他元素也是如此。我有btn組：第一個孩子有：

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

但是這些樣式都沒有應用在主頁上。實際上.btn-group在樣式列表中根本不顯示。我知道它可以閱讀這個，因爲如果你去網站的任何其他頁面，你會看到它應該看起來（它幾乎完美）。然而，主頁不起作用。

有問題的頁面在www.giftonline.us找到，任何幫助都將不勝感激！

來源

2012-10-24 NodeNodeNode

你有研究使用IE瀏覽器的開發工具的風格？在IE中轉到你的頁面，然後點擊F12（或Tools-> Developer Tools）。點擊鼠標圖標，然後點擊您希望在頁面上檢查的元素。應該出現與你的元素有關的完整CSS。看看有沒有什麼不合適的地方 - 它應該是向debuggin邁出的第一步。 –

您使用的是哪個版本的IE？ – Spudley

這就是我所做的，這就是我所知道的，我寫的很多CSS規則都沒有顯示或被覆蓋。我正在使用IE9 – NodeNodeNode

IE被強制進入怪癖模式，因爲您的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" />

來源

2012-10-24 21:57:34 tw16

你救了我的生命，幫助我學習了一些我根本不知道的問題!!!!!! – NodeNodeNode

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

回答

相關問題