IE7和IE8不會將CSS應用於HTML5
[英]IE7 & IE8 don't apply CSS to HTML5
問題描述
我一直在努力使HTML5標簽可在IE7和IE8上運行。 最后，我使用了html5shiv.js並解決了問題。 元素在任何現代瀏覽器中顯示時都顯示在屏幕上。
但是現在，我不知道為什么IE7和IE8不會應用我聲明的CSS規則。 例如：
header
{
background-color: #000000;
}
請勿將黑色背景色應用於標題標簽或任何背景色。 當我在IE7和IE8上搜索該聲明時，似乎未聲明，但是當我在IE9模式下嘗試IE時，出現了我聲明的同一css規則，並使用黑色背景色設置了該元素的樣式。 任何幫助或解決方案將不勝感激。
4 個解決方案
解決方案1
1 已采納 2012-12-21 23:47:02
無法復制。 使用http://browserstack.com ，我在Windows XP上本地運行的IE7和IE8中測試了以下代碼，並且兩者均按預期正確地應用了CSS：
我只能懷疑您在某處錯過了某些東西，因此沒有得到您期望的結果。 像我在這里所做的那樣，嘗試將您的項目縮減為一個小的測試用例。 確保已引用所有適當的依賴項。
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML5 Elements in IE7/8</title>
<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<![endif]-->
<style type="text/css">
header {
background-color: #000000;
color: #FFFFFF;
}
</style>
</head>
<body>
<header>Hello, world!</header>
</body>
</html>
屏幕截圖：
解決方案2
1 2012-12-22 05:49:24
希望這對您有幫助，
所有瀏覽器正確呈現HTML5標記-甚至IE6：
謝謝。
解決方案3
0 2012-12-21 23:52:55
如果您想以跨瀏覽器的方式設置這些元素的樣式，同時又保留它們的語義含義，則可以將每個元素包裝在div中，然后將CSS作為類應用於該div。 語義標記的大多數用例無論如何都不需要樣式-它們的主要目的是將這些信息傳遞到通過CSS樣式傳遞給人類的機器。
解決方案4
-1 2013-01-05 23:29:35
好，你必須檢查標題區域
如果您之前添加一些評論
<!DOCTYPE html>
然后你也會遇到像CSS類缺失或屬性這樣的問題
CSS樣式表不適用於IE7和IE8
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.