Выровнять проблему - проблема z-index - PullRequest
Новая
       16

Выровнять проблему - проблема z-index

1 голос
/ 28 августа 2011

Хорошо, у меня есть заголовок и небольшой 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;
}

Ответы [ 2 ]

1 голос
/ 28 августа 2011

@ лль; поместите ваш .slidershow div вместо вашего #sideTopHeader div вместо внутреннего, как это

HTML: 

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

& position relative его родителю. Может быть, это работа для вас

0 голосов
/ 28 августа 2011

Без изменения разметки: не используйте z-index на #sideTopHeader (Кстати: почему это идентификатор? На боковой панели только один элемент?) И установите z-index на -1за .sideShadow.

Но я действительно предлагаю, вам лучше очистить вашу разметку.Вам не нужны три вложенных DIV для стилизации одного элемента содержимого.Например, вместо вложенного div.sideShadow, вы можете использовать псевдо-элемент для CSS-эффектов, например #sideTopHeader:after.

...