在FF中應用css樣式，但在IE9中它看起來劃掉了

我該如何解決爲什麼某些樣式不適用於IE9 ......我可以看到它們在檢查我的firebuglight時被劃掉。但在FF中，風格是應用的，這是我想要的。不幸的是，這不是我的CSS或Web應用程序，所以我不熟悉CSS。在FF中應用css樣式，但在IE9中它看起來劃掉了

我的第二個問題是這個。我也注意到，在IE中，班級被多次「覆蓋」。含義 - 我看到班級列表中重複出現的同一班級，具有不同的屬性。在FF中，我只看到它一次。如果FF看起來不錯，我可以假設我可以刪除CSS文件中類名的所有實例，除了FF在其Firebug列表中顯示的那個實例嗎？

謝謝。

編輯1：

下面是一個例子。在IE中，我將以下兩種樣式應用於標籤。第一種風格的所有內容都「啓用」，但在第二種風格中，顏色被禁用。就像所有的填充。

#websiteName { 
    color:#65605e; 
    float:left; 
    letter-spacing:1px; 
    padding-bottom:4px; 
    padding-left:10px; 
    padding-right:10px; 
    padding-top:11px; 
}  

#websiteName { 
    color:#ffffff; 
    font-size:150%; 
    font-weight:normal; 
    margin:0; 
    padding-bottom:5px; 
    padding-left:10px; 
    padding-right:10px; 
    padding-top:5px; 
    text-align:center; 
    width:auto; 
}

然而，在FF，這是我看到同一類：

#websiteName { 
    color:#FFFFFF; 
    font-size:150%; 
    font-weight:normal; 
    margin:0; 
    padding:5px 10px; 
    text-align:center; 
    width:auto; 
}

所以在我的CSS，我搜索找到這個類的所有實例。我發現以下嵌入在一個大的長字符串的css代碼：

#webLogo{display:block;width:25%}#websiteName{color:#65605E;letter-spacing:1px;padding:11px 10px 4px;float:left}.dir-rtl #websiteName{float:right}#someotherclass{}

以及這也嵌入在其他css類定義之中。

#websiteName{color:#FFFFFF;text-align:center;width:auto;font-size:150%;font-weight:normal;padding:5px 10px;margin:0}

第二個代碼片段出現在第一個代碼片段之後。

編輯2：

我隨機決定今天下午要改變我的顯示器爲我的電腦有IE瀏覽器上運行，你猜怎麼着？瞧！該網站現在在IE中與我的FF機器上的相同。 Im'只是一個CSS新手，所以我不知道這是否正確，但我開始在我的CSS查找媒體查詢，看看它是否在某處檢測瀏覽器大小。我還沒有發現任何東西，但是你能否給我任何其他想法，以瞭解可能發生的事情？謝謝。

來源

2013-01-17 dot

你能給我們一些代碼嗎？或截圖或其他？ – PlantTheIdea

「排除爲什麼某些樣式不適用於IE9」;在讓任何工具試圖幫助你之前，閱讀並理解這個：http://www.w3.org/TR/CSS21/cascade.html。

聚焦點6.4級聯（優先級）

樣式表可以有三種不同的來源：作者，用戶和用戶代理。

Author. The author specifies style sheets for a source document according to the conventions of the document language. For instance, in HTML, style sheets may be included in the document or linked externally. 
User: The user may be able to specify style information for a particular document. For example, the user may specify a file that contains a style sheet or the user agent may provide an interface that generates a user style sheet (or behaves as if it did). 
User agent: Conforming user agents must apply a default style sheet (or behave as if they did). A user agent's default style sheet should present the elements of the document language in ways that satisfy general presentation expectations for the document language (e.g., for visual browsers, the EM element in HTML is presented using an italic font). See A sample style sheet for HTML for a recommended default style sheet for HTML documents.

對於你的另一個問題：螢火蟲可以「設置」，以「只顯示應用的樣式」，「顯示用戶代理樣式」。嘗試那些顯示/隱藏您的偏好。此外，如果聲明是這樣的：一個TD內

div, td, span, .selector, a { 
    color:red; 
} 

... 
<td> 
    <div> 
     <span> 
      <a href="some.link">text link</a> 
     </span> 
    </div> 
</td> 
...

那麼你檢查的跨度內的錨，一個div內，螢火蟲會告訴你4次應用該樣式（因您的螢火蟲設置）

來源

2013-01-17 17:17:22

感謝您的鏈接。我會看看這個。但是我必須在明天之前找到並解決一個大的網站問題。你能告訴我Firebug在哪裏我可以看到「show user agent style」選項嗎？非常感謝。同時，我會採納您的建議並開始閱讀該頁面。 – dot

要查看螢火蟲選項：https：//getfirebug.com/wiki/index.php/Firebug_Preferences –

機會是他們在IE中劃掉的原因，然後應用新的樣式是他們正在使用IE特定的值爲這些CSS規則，這將覆蓋任何現有的風格。與Firefox一樣，你可能會看到MOZ只有規則，例如IE不能做所有的Firefox，所以IE忽略了那個CSS。如果你有一個例子，它可能會有所幫助。

來源

2013-01-17 16:54:42 matt

看看我的編輯。謝謝！ – dot

在FF中應用css樣式，但在IE9中它看起來劃掉了

回答

相關問題