html - CSS z-index 属性

Question

真的希望有人能帮助一个 z-index 新手。

我试图将一个 div 放在我页面上所有其他内容的顶部:

http://www.designbyantony.com/bipf/index.html

div(您可能会看到问题所在)是带有“2015 年 3 月 6 日至 8 日”的圆形蓝色圆圈。我希望它能够正确地位于其他所有内容之上 - 即:略微越过导航栏并切入具有重复“拱形”设计的区域。

我试过使用 z-index，但我显然在某处出错了。

CSS 位于

http://www.designbyantony.com/bipf/styles.css

谁能帮帮我？

Answer 1

像那样更改您的 CSS。从 CSS 中删除两个 position:relative

#page_content {
width: 970px;
margin: auto;
height: auto;
padding-top: 15px;
padding-left: 5px;
padding-right: 5px;
/* position: relative; */
background-color: #FFFFFF;
overflow: hidden;
/* position: relative; */
z-index: 2;
 }

然后再次更改 #dates.remove left position left:1046;top: 171px; 的 CSS 放在那里:0

 #dates {
position: absolute;
left: 1046px;
top: 171px;
z-index: 10000;
height: 140px;
width: 140px;
display: block;
 background-color: none;
}