HTML5 <section>元素不接受Firefox 3.6.x中的负边距 - 顶部</section>

时间:2010-05-10 14:17:14

标签: css firefox html5

我正在尝试在元素上使用负上边距,但它在Firefox中不起作用。 Chrome和IE(使用HTML5-shiv)正确呈现它。我已经给出了HTML5元素(包括display:block)。

思考? CSS如果你需要它:

aside, article, section { display: block; }


section#banner {
background: url(images/banner.png) no-repeat 3px 3px;
border: #CCD1DB 1px solid;
-moz-border-radius: 10px; /* FF1+ */
-webkit-border-radius: 10px; /* Saf3+, Chrome */
border-radius: 10px; /* Opera 10.5, IE 9 */
-moz-box-shadow: 0px 0px 4px #E0E3E9; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 4px #E0E3E9; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 4px #E0E3E9; /* Opera 10.5, IE 9.0 */
display: block;
height: 350px;
margin: -50px auto 0;
overflow: hidden;
padding: 3px;
position: relative;
width: 600px;
}

1 个答案:

答案 0 :(得分:3)

http://dev.w3.org/html5/spec/Overview.html#the-section-element

  

section元素不是通用的   容器元素。当一个元素是   需要造型或作为   编写脚本的便利性,作者   鼓励使用div元素   代替。一般规则是   section元素仅适用于   将列出元素的内容   明确地在文件的大纲中。

更多资源: http://html5doctor.com/the-section-element/