Z-индекс на абсолютном контейнере в фиксированном контейнере

Question

введите описание изображения здесь

введите описание изображения здесь

header{
        position:fixed;
        top:0;
        left:0;
        background-color: $color;
        width: $width;
        height: 56px;
    }

.utility{
        @include lockPosition(10px);
        right:10px;
        width:700px;
        height:20px;
        padding-top:10px;
        z-index:1000;
        position:absolute;
    }

Я считаю, что только абсолютная позиция решает проблему z-индексаУ меня есть, но я хочу, чтобы заголовок был исправлен, чтобы он прокручивался.Есть ли способ иметь абсолютную позицию в фиксированном элементе и не влиять на z-индекс?

Answer 1

Я думаю, что самый простой способ - нажать на поле с абсолютной позицией, я думаю, на .utility,

.utility{top: npx}

Что касается вашего вопроса, важность z-index зависит от того, как вызакладывает HTML DOM, например, если ваш

<header>Your fixed position</header>
<main>
 <nav>Your absolute position</nav>
</main>

с вашим z-индексом фиксированной позиции будет гораздо важнее, чем ваша

надежда, которая помогает,