當使用IE8通過開發人員工具的瀏覽器模式功能查看IE7時,我遇到了奇怪的CSS問題。當我對外部樣式表進行更改,然後在HTML中引用該類時,就像IE7根本無法識別它。但是,如果我將相同的樣式內聯,IE7會遵守它。有沒有人聽說過這個?這裏有一個簡單的例子來幫助說明我在說什麼:爲什麼IE7不能識別對外部樣式表的類調用,但會識別內聯樣式?
外部樣式表:
.bold {
font-weight:bold;
}
呼叫在HTML:
<p class="bold">My paragraph here</p>
沒有變化,將有效地IE7,但所有其他瀏覽器很好。
但是,如果我這樣做:
<p style="font-weight:bold;">My paragraph here</p>
IE7似乎高興。有什麼不同?我真的必須這樣做CSS更改,還是有另一種解決方法?
我很困惑這個問題可能是什麼。我不知道開發者工具的瀏覽器模式是否有一個怪癖,並且不像IE7的真實版本那樣工作,或者如果這是完全不同的東西。我正在使用IE8(我無法在此政府計算機上升級到IE9),但我聽說IE9的IE7瀏覽器模式也發生了改變。
我們使用ColdFusion生成HTML,使用HTML5的doctype(),並且我已經爲2個外部樣式表引用添加了一個timestamp參數,所以瀏覽器每次都被迫抓取一個新副本。
任何與這個謎的幫助將非常感謝 - 謝謝!
====== 對於@Stano或任何對重新創建準確問題感興趣的人,這裏有一個精簡版:https://docs.google.com/open?id=0B02DZPpIlMwGSk1VZHRDUHNCTkU(可以點擊文件>下載獲取zip)。在IE7中注意,「攝影師」沒有問題,因爲它具有內聯樣式,但其他人沒有拾取任何東西。
任何機會你有超過31個樣式錶鏈接在頭上?IE瀏覽器將忽略該數字後面的任何表單,並且您會試圖弄清楚爲什麼您的樣式被忽略。 – JGrubb 2012-07-31 16:33:56
在IETester IE7上試試。 IE7模式下的IE8不等於IE7。 – Rustam 2012-07-31 16:36:14
它可以被緩存嗎?您是否嘗試過清除瀏覽器緩存並重試? – 2012-07-31 16:36:20