我正在使用HTML5元素，并且在我正在处理的项目中，而且CSS似乎在Chrome中正常工作。然而，它似乎并没有在Safari或Firefox中工作（我还没有测试IE，但我想它是一样的），并且页面布局遍布整个地方。在Chrome中使用HTML5元素但不使用Safari或Firefox？
任何想法，为什么这可能是？我知道Firefox和Safari都支持这些元素，而Safari则是基于webkit的Chrome，所以我无法弄清楚问题所在。
您可以看到网页
here。
{网站链接不可用}
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]-->
啊，是的，就是这样！我忘了需要使用'display：block'来启动CSS。 如果你看第20行，我实际上是使用Shiv。 谢谢！ – 2010-04-07 15:31:20
哪一部分不准确？ <canvas>元素似乎呈现正确，您的<article>容器不被忽略。
我在FF3.6.2，顺便说一句。我看到的唯一CSS错误就是这样：CSS错误。
我有一个“图”元素的问题，没有显示背景图像。所以我克服这个问题...
background-image:url("../img/login_bg.jpg");
background-position:center center ;
background-repeat:no-repeat;
background-size:cover;
这并没有工作... 背景：RGBA（0，0，0，0）网址（ “../ IMG/login_bg.jpg” ）滚动中心中心/盖;
我在Chrome 4.1.249.1045（42898）和Firefox 3.6.2上看到了相同的结果，两者似乎都不正确（地图与标题重叠，“等等，说了什么？”与其他内容重叠。 – ChrisF 2010-04-07 15:15:51