У меня есть веб-сайт с фиксированным изображением в верхней части экрана. Когда я прокручиваю страницу вниз, изображение остается наверху, как должно. Тем не менее, все содержимое ниже перекрывает мое изображение, и оно затем закрывается.
Как сделать мой верхний бар (изображение) всегда оставаться на вершине? Я хочу, чтобы он отображал содержимое страницы во время прокрутки.
Убедитесь, что position находится на вашем элементе и установите z-index на значение, превышающее элементы, которые вы хотите покрыть.
element {
position: fixed;
z-index: 999;
}
div {
position: relative;
z-index: 99;
}
Вероятно, для этого потребуется еще немного работы, но это начало, так как вы не отправили код.
Предполагая, что ваша разметка выглядит так:
<div id="header" style="position: fixed;"></div>
<div id="content" style="position: relative;"></div>
Теперь оба элемента расположены; в этом случае элемент внизу (в порядке источника) будет охватывать элемент над ним (в порядке источника).
Добавьте заголовок z-index; 1 должно быть достаточно.