z-index

[Aleksandr.L]

Всем привет.

 

Верстая данный макет столкнулся с проблемой, а именно — не получается выставить z-index

Header'у задал свойство position: relative; z-index: 3, тени (header:after) — position: absolute; z-index 1. По идее header должен перекрывать часть тени, но этого не происходит. Что я делаю не так?

 

Вот сама верстка: http://clck.ru/8wUq6

[iKNG]

UPD: Так он и перекрывает часть тени.

Edited December 10, 2013 by iKNG

[Aleksandr.L]

UPD: Так он и перекрывает часть тени.

 

А Вы внимательно посмотрите на background у header'a и сразу все поймете.

[Aleksandr.L]

Заметил еще что ссылки почему-то не работают (ни лого, ни социальные)...

[Светлана Г.]

Заметил еще что ссылки почему-то не работают (ни лого, ни социальные)...

 

 

На это влияет position:absolute; Перекрывается блоком:

header[role=banner]:after {

...

}

Edited December 10, 2013 by Светлана Г.

[Светлана Г.]

По-моему, здесь обсуждается похожая проблема:

http://stackoverflow.com/questions/3032856/z-index-of-before-or-after-to-be-below-the-element-is-that-possible

[Aleksandr.L]

По-моему, здесь обсуждается похожая проблема:

http://stackoverflow.com/questions/3032856/z-index-of-before-or-after-to-be-below-the-element-is-that-possible

 

Как-то так получилось: http://jsfiddle.net/49Qzx/

Edited December 10, 2013 by Aleksandr.L

[Aleksandr.L]

Как-то надо с позиционированием теперь разобраться, там еще есть рулетка...

[Zverushka]

Ага, классненький макет), сначала тени настроить не можешь, потом ссылки не пашут, потом текст в рулетки не выделяется))) Этот макет распрямляет руки по z-index применению =)

[Aleksandr.L]

Ага, классненький макет), сначала тени настроить не можешь, потом ссылки не пашут, потом текст в рулетки не выделяется))) Этот макет распрямляет руки по z-index применению =)

 

Ссылки заработали, теперь тень не ставится 

[Zverushka]

Cкорее всего она ушла за макет, чтобы этого не было - нужно родителю z-index 1 поставить. Поподробнее скажу, если увижу верстку.

[Aleksandr.L]

Cкорее всего она ушла за макет, чтобы этого не было - нужно родителю z-index 1 поставить. Поподробнее скажу, если увижу верстку.

 

Спасибо, я уже сделал. Теперь пытаюсь сделать белый оттенок, делал для body 2 фона, но что то не получается. Пробую теперь элементу html задать 1-й background, а body 2-й.

[Aleksandr.L]

Фуф, вроде как получилось поставить 2 фона в body с помощью background-size: cover, auto; — https://googledrive.com/host/0B6IlwqUO2fshZmxlamFfU19Nem8/

 

Дальше вроде ничего сложного нету...

[Zverushka]

Смотрите в кинотеатрах города! "РУЛЕТКА - НАЧАЛО..." 

[cyklop77]

del

Edited December 11, 2013 by cyklop77