Chciałbym uzyskać wynik niebieskiego paska na poniższym obrazku. Znajduje się w opakowaniu, więc kod HTML wygląda tak:
<body>
<div class="wrapper">
<div class="strap"></div>
</div>
</body>
Wiem, że to się skończyło z indeksem Z. Pasek powinien być widoczny na całej stronie. Dzięki za pomoc 
2 odpowiedzi
Użyj następującego CSS. Kod ustawia pozycję na wartość bezwzględną, a następnie umieszcza każdy punkt elementu div w każdym rogu okna, górnym, dolnym, lewym i prawym. Indeks Z przeniesie go na pierwszy plan. Upewnij się, że nie ma innych elementów, które używają indeksu z o wartości większej niż 99. Kolor tła jest wtedy ustawiany jako biały z przezroczystością 40%; Dostosuj 0.6 do tego, czego potrzebujesz. Na przykład 0.8 byłby mniej przejrzysty.
.strap{
display: block;
position: absolute;
top: 0;
bottom:0;
left:0;
right:0;
z-index:99;
background-color: rgba(255,255,255,0.6);
}
Użyj bezwzględnej pozycji atrybutu css, a do wyrównania użyj opcji góra, prawo, lewo, dół. I użyj indeksu z, aby pojawił się na górze tego opakowania, upewnij się, że szerokość wynosi 100% ...