Как вывести блок над всей страницей?

Question

[kivi_potatoe]

Вот простая задачка с которой я столкнулся и решение которой я найти не могу. Есть блок - position: fixed, его нужно выводить над всей остальной страницей, чтобы он не прятался под другие блоки при скролле. Он находится в начале кода, в шапке страницы, поэтому, собственно, подо все и падает. Подскажите более или менее вменяемое решение.

Comments

[A K]

Покажите код.

Answer 1

[Mr Crabbz]

контент (кроме блока) оберните в .wrapper
далее:

.wrapper {
position: relative;
z-index: 50;
}
.block { // - ваш fixed-блок
position: fixed;
z-index: 100;
}

Answer 2

[xmoonlight]

html,body{
margin-top:200px; //высота баннера
.....
}

Answer 3

[Максим]

Я делал по-другому, работает.
Создаем дочерний body элемент, в нем то, что нужно выводить.

<section class="parentHide" id="parent">
        <div class="feedback">
        </div>
</section>

#parent {
    position: fixed;
    z-index: 100;
}

В вашем случае можно поступить по аналогии, увеличить z-index, но нужно чтобы этот fixed был дочерним body