在IE9中無法識別的CSS樣式

這使我瘋狂。這裏是我在示例頁面上的一些HTML和CSS。第一個意圖是讓LI沒有任何標記。我已盡全力，但列表中的項目將顯示標準的小數點標記。我使用了IE9附帶的開發工具來檢查UL和LI元素。看來，IE根本不承認「recentAnnouncementsList」css類。這些元素不顯示應用於其上的樣式。這整個設置完全在Chrome上運行。我錯過了什麼？在IE9中無法識別的CSS樣式

感謝

ul.recentAnnouncementsList 
{ 
    margin-left: 0px; 
    padding-left: 5px; 
} 

ul.recentAnnouncementsList li 
{ 
    margin-left: 0px; 
    padding-bottom: 5px; 
    list-style-type:none; 
} 

ul.recentAnnouncementsList li a{ 
    color:#675DF0;text-decoration:none; font-size:0.85em; 
} 

ul.recentAnnouncementsList li span{ 
    display: block; 
    text-indent: 0px; 
    text-transform: none; 
} 

<td> 
<div> 
<ul class="recentAnnouncementsList" id="recentAnnouncements"> 
<li><a href="#">Released 1</a></li> 
<li><a href="#">Release 2</a></li> 
</ul> 
</div> 
</td>

來源

2012-01-23 ByteBlocks

IE9不加載樣式表的緩存版本，是嗎？ – Chris

在此處運行良好：http://jsfiddle.net/kkqxK/1/ –

不，不加載緩存的樣式表。我已經通過在其他地方添加一些虛擬值來確保我可以驗證它。 – ByteBlocks

最後我有解決了這個問題。問題是我在文件中添加了一個名爲「container」的新CSS類。我不確定這是否是IE和FF中的一些錯誤，但是CSS文件在該樣式開始時被截斷。我通過查看IE的開發人員工具發現了這一點。當我在IE中查看加載的文件時，它不完整。我的所有與我的UL/LI標籤相關的樣式都在該類定義之後出現。從文件中刪除「容器」類後，一切恢復正常。

感謝您的所有意見和建議。

來源

2012-01-25 14:53:41 ByteBlocks

嘿@ByteBlocks非常感謝這個。當你說你在開發人員工具中查看你的CSS時，你究竟在哪裏尋找它？我在CSS的Response Body下查找Network選項卡，我在那裏看到我的CSS，但想知道是否有另一個地方來檢查實際解析CSS的方式，而不僅僅是原始下載。 – kalenjordan

最簡單的就是，在瀏覽器（IE，Chrome）的元素上並從上下文菜單中選擇「檢查元素」。然後，您將能夠看到正在應用到您的元素的樣式。任何被覆蓋的風格都會顯示出一條線。讓我知道這個描述是否有幫助。 – ByteBlocks

我連續兩週與IE進行了抗爭，這就是問題所在。好主，我很高興我找到了！謝謝：） – Volte

的項目中，我曾經呈現IE9爲IE8通過HTML的meta標籤使其

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

所以相同的CSS工作了兩個

來源

2012-01-24 06:56:53 krishna

我正面臨這個問題，坦克兄弟 – VenomVendor

IE 6-9對CSS文件中聲明的選擇器數量都有限制。我假設爲.recentAnnouncementsList聲明的樣式位於限制之上並完全忽略。有工具資源，幫助大CSS文件分割成幾個部分，並保持在低於限制單個文件選擇器的數目：

blesscss - 命令行工具
css_splitter - 爲Rails應用
gulp-bless - 用於NodeJS項目

來源

2017-03-24 19:16:20 Hirurg103

在IE9中無法識別的CSS樣式

回答

相關問題