我正在使用HTML5元素，并且在我正在开发的项目中，css似乎在Chrome中正常运行。但是，它似乎没有在Safari或Firefox中工作（我没有测试IE，但我认为它是相同的），页面布局到处都是。
为什么会出现这种情况？我知道Firefox和Safari都支持这些元素，而Safari是基于webkit的Chrome，所以我无法弄清楚问题是什么。
您可以看到网页here。 {网站链接不可用}
答案 0 :(得分：6)
Safari和Firefox对HTML5分区元素具有相同级别的“支持”（在看到您的演示页面后，我猜这些是您正在讨论的元素）：它们可以设置样式，但您必须设置隐含地display: block;。
aside, article, section { display: block; }
将此规则添加到CSS将解决问题。
要在IE中设置这些元素的样式，您只需要使用HTML5 shim / shiv。将以下HTML放入<head>：
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
答案 1 :(得分：0)
哪一部分不能正常工作？ <canvas>元素似乎正确呈现，您的<article>容器未被忽略。
我在FF3.6.2，顺便说一下。我看到的唯一CSS错误就是：CSS错误。
答案 2 :(得分：0)
我遇到了＆＃34;数字＆＃34;元素，不显示背景图像。所以我克服了这个问题......
background-image:url("../img/login_bg.jpg");
background-position:center center ;
background-repeat:no-repeat;
background-size:cover;
这没有工作...... background：rgba（0,0,0,0）url（＆＃34; ../ img / login_bg.jpg＆＃34;）滚动中心/封面;