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

#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;
 }

并再次更改你的CSS#dates.remove左侧位置:1046;顶部:171px; 并把它放在右边:0

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