Как скрыть естественно элемент, который находится уровнем ниже?

Question

[Ed1024]

как заставить элемент отображаться под полее высоким по уровню? можно ли через body или html в стилях залить цветом всю страницу?

Answer 1

[Ваня]

Смотрите в сторону позиционирования position.
Залить цветом всю страницу, например белым
body{ background: #FFF; }

Comments

[Ed1024]

пробовал так, но внутренний блок (header) не скрывается, у него position:relative;

[Ваня]

покажите код, jsfiddle.net или codepen.io

[Ed1024]

codepen.io/anon/pen/ZGdVEL

[Ваня]

Ed1024: что нужно скрыть?

[Ed1024]

Сергей: все блоки кроме зеленого

[Ваня]

Добавить к #header { display: none; }

[Ed1024]

Сергей: спасибо большое)

Answer 2

[Александр]

Если хотите изменить порядок отображения элементов на странице погуглите про z-index

Comments

[Ed1024]

спасибо)