div с z-index отказывается размещаться поверх другого div

У меня есть 3 divs. Синий, черный и желтый. Теперь я хочу, чтобы желтый div был помещен поверх черного (оба имеют одинаковый размер). Некоторые CSS и использование z-index должны делать трюк, но это не работает.div с z-index отказывается размещаться поверх другого div

Возможно, у кого-то есть идея, почему, поскольку я немного застрял на этом. Пожалуйста, смотрите мою скрипку с полным HTML и CSS код: http://jsfiddle.net/mauricederegt/xQVYu/

Уважением, Maurice

источник

2012-04-18 Maurice

должен быть на вершине '# s2'' # s3'? – Jake

Вы, скорее всего, получите лучший ответ, если будете парировать эту скрипку только для основных элементов. – steveax

Как и имена элементов в описании того, что должно произойти ... –

Укажите положение этих элементов, так что они перекрывают друг друга:

#s2, #s3 { top: 0; }

источник

2012-04-18 22:51:13

Они оба абсолютно одинаковы, как и должно быть. Просто добавьте top: 0 (или любое другое значение, но одно и то же для обоих контейнеров). –

Также добавьте 'position: relative;' в свой родитель. – rcdmk

Спасибо, это исправлено! Добавление 'position: relative;' to 's0' было тем, что действительно отсутствовало в моем CSS! – Maurice

Эй я думаю, что вы хотите это

Твой определитель относительного положения позиции s0 и № s3 определите положение абсолютного и настройте в соответствии с вашим расположением слева и сверху

#s0{ 
position:relative; 
} 

#s3{ 
background: none repeat scroll 0 0 pink; 
    left: 125px; 
    position: absolute; 
    top: 102px; 
}

Живая демо http://jsfiddle.net/rohitazad/xQVYu/4/

источник

2012-04-19 04:49:10

div с z-index отказывается размещаться поверх другого div

ответ

Смежные вопросы