Question

我正在为一个项目开发一个新模板，而且有一件事我无法正确看待。我想要一个盒子与另一个盒子重叠，无论屏幕的大小如何，都要留在那里。到目前为止，我已经安装了两个大盒子，但第三个（标有灰色，只是一直在弹跳。有什么建议吗？我添加了一张图片链接，希望有人理解我想做的事情。 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;
}

Answer 1

您应该为灰色框设置更高的z-index。请参阅此

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

记得还要为你的灰色框声明position属性，否则z-index将不起作用

cas3中重叠div标签的问题

1 个答案: