HTML5元素在Chrome中运行但不在Safari或Firefox中运行?

Chr*_*ong 1 css safari firefox html5 google-chrome

我正在使用HTML5元素,在我正在开发的项目中,css似乎在Chrome中运行良好.但是,它似乎没有在Safari或Firefox中工作(我没有测试IE,但我认为它是相同的),页面布局到处都是.

任何想法为什么会这样?我知道Firefox和Safari都支持这些元素,而Safari是基于webkit的Chrome,所以我无法弄清楚问题是什么.

你可以在这里看到这个网页.{网站链接不可用}

Mat*_*ens 6

Safari和Firefox对HTML5分区元素具有相同级别的"支持"(在看到您的演示页面后,我猜这些是您正在讨论的元素):它们可以设置样式,但您必须display: block;隐式设置.

aside, article, section { display: block; }
Run Code Online (Sandbox Code Playgroud)

将此规则添加到CSS将解决问题.

要在IE中使这些元素具有样式,您只需使用HTML5垫片/ shiv即可.将以下HTML放入您的<head>:

<!--[if lt IE 9]>
 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Run Code Online (Sandbox Code Playgroud)