我正在为一个元素制作一个新模板,有一件事我似乎做不好。 我想要一个盒子与另一个盒子重叠,并且无论屏幕大小如何都停留在那里。到目前为止,我已经放置了两个大盒子,但第三个(标有灰色,一直在跳来跳去。有什么建议吗? 我已经添加了图片链接,希望有人明白我想做什么。 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;
}
最佳答案
您应该为灰色框设置更高的 z-index。引用这个
http://www.w3schools.com/cssref/pr_pos_z-index.asp
记住还要为你的灰盒声明位置属性,否则 z-index 将不起作用
关于css - cas3 中 div 标签重叠的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10929213/