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 tutaj wprowadź opis obrazu

-1
Bohuslav Čabajka 17 marzec 2020, 05:27

2 odpowiedzi

Najlepsza odpowiedź

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);
}
0
Edward68 17 marzec 2020, 03:07

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% ...

0
asfak mohamed 17 marzec 2020, 02:35