0

我正在为一个项目制作一个新模板,但有一件事我似乎做错了。我希望一个盒子与另一个盒子重叠,并且不管屏幕大小都呆在那里。到目前为止,我已经放置了两个大盒子,但是第三个(标有灰色,只是不断地跳来跳去。有什么建议吗?我已经添加了图片的链接,希望有人理解我想要做什么 。http: //folk.uio.no/paulkj/Benoit/csstroubble.jpg

谢谢!

代码:

body{
    background-color: #2F2727;
    background: -moz-radial-gradient(circle, #1a82f7, #2F2727);

}
#wrapper{
    text-align:center;
    font-family: Arial;
    font-size: 14px;
}
#header {
    width:900px;
    height:100px;
    margin:50px auto;
    border: 2px solid;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}   

#maincontent{
    position:relative;
    width:900px;
    margin: 20px auto;
    border: 2px solid;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
4

1 回答 1

0

您应该为灰色框设置更高的 z-index。参考这个

http://www.w3schools.com/cssref/pr_pos_z-index.asp

请记住还要为您的灰色框声明位置属性,否则 z-index 将不起作用

于 2012-06-07T09:40:03.193 回答