html - 对齐问题 - z-index 问题

Question

对了，我有一个 header 和一个小 div .sideShadow，我需要 .shideShadow div 放在 #sideTopHeader div 后面，现在它在它的顶部，你可以在这里(在你的右边)看到它

http://inelmo.com

我现在使用的 CSS

#sideTopHeader {
background: #333333;
z-index: 1;
position: relative;
height: 50px;
margin: 0 -30px 0 0;

-webkit-border-radius: 7px 7px 0 7px;
-khtml-border-radius: 7px 7px 0 7px;
-moz-border-radius: 7px 7px 0 7px;
border-radius: 7px 7px 0 7px;
}

.sideShadow {
border-color: transparent transparent transparent #1f1f1f;
border-width: 15px;
border-style: solid;
height: 0;
width: 0;
position: absolute;
top: 35px;
left: 395px;
z-index: 0;
}

Answer 1

@llya；将你的 .slidershow div 放在你的 #sideTopHeader div 之外，而不是像这样放在里面

HTML:

<div id="sideTopHeader"></div>
<div class="sideShadow"></div>

& position relative 到它的父级。可能这对你有用