Html 对齐问题-z索引问题

对，我有一个标题和一个小div.sideShadow，我需要.shideShadowdiv在一个#sideTopHeaderdiv后面，现在它在它的顶部，你可以在这里（你的右边）看到它

我现在使用的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;
}

---

@伊利亚；将

.slideshow

div放在

#sideTopHeader

div的外面，而不是像这样放在里面

HTML:

---

&

相对于其父对象的位置。也许这是你的工作
@llya；将
.slideshow
div放在
#sideTopHeader
div的外面，而不是像这样放在里面

HTML:



&
相对于其父对象的位置。如果不更改标记，这可能对您有用：不要在
#sideTopHeader
上使用
z-index
（顺便问一下：为什么这是一个ID？侧边栏中真的只有一个元素吗？），并将
的
z-index
设置为
-1
。
.sideShadow

但我真的建议，你最好清理一下你的标记。为单个内容元素设置样式并不需要三个嵌套DIV。例如，不必使用嵌套的
div.sideShadow
，您可以使用psedoo元素来实现CSS效果，比如
#sideTopHeader:after
而不更改标记：不要在
#sideTopHeader
上使用
z-index
（顺便问一下：这是一个ID吗？侧边栏中真的只有一个元素吗？）并将
.sideShadow
的
z索引设置为
-1

但我真的建议，你最好清理一下你的标记。为单个内容元素设置样式并不需要三个嵌套DIV。例如，不要使用嵌套的
div.sideShadow
，您可以使用psedoo元素来实现CSS效果，比如
#sideTopHeader:after
请注意，伪选择器在IE7中不起作用，在IE8中不可靠。@kinakuta这就是为什么我最好链接到sitepoint.com-reference:；-）请注意伪选择器在IE7中不起作用，在IE8中不起作用。@kinakuta这就是为什么我最好链接到sitepoint.com-reference:；-）
<div id="sideTopHeader"></div>
<div class="sideShadow"></div>