Я создал элемент 'header' с элементом before-pseudo. элемент pseudeo должен находиться за родительским элементом. Все отлично работает до момента, когда я передаю свой заголовок z-index.
Что мне нужно: желтый заголовок на переднем плане, красный псевдоэлемент в фоновом режиме и простой z-индекс 30 на желтом элементе 'header'.
header {
background: yellow;
position:relative;
height: 100px;
width: 100px;
z-index:30; /*This is the problem*/
}
header::before {
content:"Hide you behind!";
background: red;
position:absolute;
height: 100px;
width: 100px;
top:25px;
left:25px;
z-index:-1;
}
Вы можете проверить мою проблему по этой ссылке (http://jsfiddle.net/tZKDy/), и вы видите проблему, когда вы устанавливаете/удаляете z-index на элементе 'header'.