IE8開發人員工具缺少一些樣式

我測試了我的網站在IE7，Chrome和Firefox，他們工作正常，但IE8有一些佈局問題。

我檢查ie8上的開發人員工具選項，我注意到我在CSS中設置的一些屬性被ie8忽略。例如：

#header 
{ 
position: relative; 
padding: 20px; 
height: 100px; 
background:url(header.png); 

}

在此頭IE8忽略height屬性：如果我檢查的開發人員工具的元素是缺少財產，它粉碎成另一條線：

background:url;HEIGHT: 100PX

同樣的事情對於發生過彩車：

#logon 
{ 
float: left; 
text-align:right; 
width:20%; 
height: 40px; 
padding-left: 0px; 
padding-right:7px; 
border:0; 
margin:0; 
background: url(navgradient.gif); 
}

這忽略了浮點值：

background: url(navgradient.gif); FLOAT:left;

這裏發生了什麼，我該如何解決？

來源

2010-05-09 Craig Warren

我見過同樣的事情發生，從來沒有想出爲什麼。你的文件是否有效的HTML和CSS？如果使用'background-image：url（navgradient.gif）'，它會更好嗎？ – 2010-05-09 15:35:53

有沒有關於這個問題的任何更新？它正在推動我的瘋狂 – 2013-01-15 11:29:05

看起來像一個解析錯誤，或類似。嘗試在圖像名稱周圍添加引號;

background: url('navgradient.gif');

來源

2010-05-09 15:38:47 Mathew

我見過這種情況，如果樣式表包含filter屬性。

來源

2010-05-09 15:42:13 SLaks

我也見過這個。一些樣式顯示在同一行上，發生在我身上的是「過濾器」行。

HTML在IE中正確呈現，但如果您嘗試切換該CSS行開/關，它會影響這兩個屬性。因此，在開發工具中取消選中「filter：alpha（opacity = 25）; BOTTOM：10px」將禁用「過濾器」和「底部」CSS規則。

因此，它似乎是開發工具的解析器中的錯誤，但不是IE渲染引擎。這太瘋狂了，這仍然沒有解決。

來源

2011-05-26 19:18:07 rocketmonkeys

IE8開發人員工具缺少一些樣式

回答

相關問題