html - 对齐问题-Z索引问题

正确，我有一个标头和一个小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;
}

最佳答案

在不更改标记的情况下：不要在z-index上使用#sideTopHeader（顺便说一句：为什么这是ID？侧边栏内是否真的只有一个元素？）并将z-index设置为-1 >。

但我真的建议，最好清理标记。您真的不需要三个嵌套的DIV来设计单个内容元素的样式。例如，对于嵌套CSS效果，可以使用pseduo元素，而不是嵌套.sideShadow，例如div.sideShadow。