CSS всегда на высоте

У меня есть веб-сайт с фиксированным изображением в верхней части экрана. Когда я прокручиваю страницу вниз, изображение остается наверху, как должно. Тем не менее, все содержимое ниже перекрывает мое изображение, и оно затем закрывается.

Как сделать мой верхний бар (изображение) всегда оставаться на вершине? Я хочу, чтобы он отображал содержимое страницы во время прокрутки.

Ответ 1

Убедитесь, что position находится на вашем элементе и установите z-index на значение, превышающее элементы, которые вы хотите покрыть.

element {
    position: fixed;
    z-index: 999;
}

div {
    position: relative;
    z-index: 99;
}

Вероятно, для этого потребуется еще немного работы, но это начало, так как вы не отправили код.

Ответ 2

Предполагая, что ваша разметка выглядит так:

<div id="header" style="position: fixed;"></div>
<div id="content" style="position: relative;"></div>

Теперь оба элемента расположены; в этом случае элемент внизу (в порядке источника) будет охватывать элемент над ним (в порядке источника).

Добавьте заголовок z-index; 1 должно быть достаточно.