Question

是的，我有一个标题和一个小div .sideShadow ，我需要 .shideShadow div来支持 #sideTopHeader div，现在它位于它的顶部，你可以在这里看到它（在你的右边）

我现在使用的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给它的父母。可能是你的工作

Answer 2

不改变标记：不要在z-index上使用#sideTopHeader（顺便说一下：为什么这是一个ID？边栏中是否只有一个元素？）并设置{{1对于z-index，{}为-1。

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

对齐问题 - z-index问题

2 个答案: