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.