Z-indeks nie działa ze stałym pozycjonowaniem
mam
z domyślną pozycją /to znaczy
/ i
z pozycją
.
Jeśli określam indeksy z elementów, wydaje mi się wymusić stałego elementu, aby przejść za elementem statycznym.
Lub at jsfiddle tutaj:
http://jsfiddle.net/mhFxf/
/
Mogę go obejść
O elemencie statycznym, ale czy ktoś może mi powiedzieć
dlaczego
zdarza się?
/Wydaje się, że jest to podobne pytanie /
https://coderoad.ru/5182030/
/, Ale nie ma satysfakcjonującej odpowiedzi, więc pytam o to tutaj z moim przykładem/
div
z domyślną pozycją /to znaczy
position:static
/ i
div
z pozycją
fixed
.
Jeśli określam indeksy z elementów, wydaje mi się wymusić stałego elementu, aby przejść za elementem statycznym.
#over {
width: 600px;
z-index: 10;
}
#under {
position: fixed;
top: 5px;
width: 420px;
left: 20px;
border: 1px solid;
height: 10%;
background: #fff;
z-index: 1;
}html
<html>
<body>
<div id="over">
Hello Hello HelloHelloHelloHelloHello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello
</div>
<div id="under">
</div>
</body>
</html>
Lub at jsfiddle tutaj:
http://jsfiddle.net/mhFxf/
/
Mogę go obejść
position:absolute
O elemencie statycznym, ale czy ktoś może mi powiedzieć
dlaczego
zdarza się?
/Wydaje się, że jest to podobne pytanie /
https://coderoad.ru/5182030/
/, Ale nie ma satysfakcjonującej odpowiedzi, więc pytam o to tutaj z moim przykładem/
Nie znaleziono powiązanych wyników
Zaproszony:
Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się
8 odpowiedzi
Marian
Potwierdzenie od:
do #over
#over {
width: 600px;
z-index: 10;
position: relative;
}
#under {
position: fixed;
top: 5px;
width: 420px;
left: 20px;
border: 1px solid;
height: 10%;
background: #fff;
z-index: 1;
}
http://jsfiddle.net/mhFxf/1/
Mirosław
Potwierdzenie od:
Rozwiązania
Element
- To jest tylko kontekst układania, więc po prostu postępuj zgodnie z zasadami instalacji wewnątrz kontekstu układania, a zobaczysz, że elementy są ułożone w tej kolejności.
Element korzeniowy kontekstu do układania /W tym przypadku element
/
Pozycjonowane przedmioty /i ich spółki zależne/ z ujemnymi wartościami indeksu z /Wyższe wartości są ułożone przed niższymi wartościami; Elementy o tym samym znaczeniu są układane zgodnie z wyglądem HTML/
Elementy antypozycyjne /zamówiony w wyglądzie HTML/
Pozycjonowane przedmioty /i ich spółki zależne/ Z wartością indeksu Z auto /Zamówiony w wyglądzie HTML/
Pozycjonowane przedmioty /i ich spółki zależne/ Z dodatnimi wartościami indeksu z /Wyższe wartości są ułożone przed niższymi wartościami; Elementy o tym samym znaczeniu są układane zgodnie z wyglądem HTML/
Więc możesz
Umieść indeks z -1, dla
Umieszczony przez z-indeks nie został umieszczony przedmiot
Ustaw pozycję
w
aby zasada zastosowała się do niego 5
Prawdziwy problem
Deweloperzy powinni znać następujące informacje przed próba zmiany zamówienia układające elementy.
Kiedy utworzono kontekst układania
Domyślny element
jest elementem korzeniowym i jest pierwszym kontekstem układania
Zamówienie w kontekście układania
https://philipwalton.com/artic ... ndex/
Kiedy utworzono kontekst układania
Gdy element jest elementem korzeniowym dokumentu /element
/
Gdy element ma wartość pozycji, inne niż statyczne, a wartość indeksu Z, inna niż automatyczny
Gdy element ma większy krycie 1
Kilka nowych właściwości CSS Twórz również konteksty stylizacji. Należą do nich: transformacje, filtry, regiony CSS, Paged media I być może inni.
https://developer.mozilla.org/ ... ntext
Z reguły wydaje się, że jeśli nieruchomość CSS Wymaga renderowania w kontekście zlewu, powinien utworzyć nowy kontekst układania.
Zamówienie w kontekście układania
Kolejność elementów:
Element korzeniowy kontekstu do układania /element
Domyślnie jest jedynym kontekstem układania, ale każdy element może być elementem korzeniowym kontekstu do układania, patrz powyższe zasady/
Nie można umieścić elementu dziecka za elementem korzeni kontekstu układania
Pozycjonowane przedmioty /i ich spółki zależne/ z ujemnymi wartościami indeksu z /Wyższe wartości są ułożone przed niższymi wartościami; Elementy o tym samym znaczeniu są układane zgodnie z wyglądem HTML/
Elementy antypozycyjne /zamówiony w wyglądzie HTML/
Pozycjonowane przedmioty /i ich spółki zależne/ Z wartością indeksu Z auto /Zamówiony w wyglądzie HTML/
Pozycjonowane przedmioty /i ich spółki zależne/ Z dodatnimi wartościami indeksu z /Wyższe wartości są ułożone przed niższymi wartościami; Elementy o tym samym znaczeniu są układane zgodnie z wyglądem HTML/
</html></html></html></html></html>
Zdzisław
Potwierdzenie od:
div nie ma pozycjonowania, wskaźnik Z nie wie, gdzie i jak go położyć /A co?/. Wystarczy zmienić pozycję swoich spraw w krewnym, więc na tym div elementu nie ma żadnych skutków ubocznych, a następnie pod div będzie przestrzegać twojej woli.
Oto twój przykład jsfiddle:
http://jsfiddle.net/mhFxf/2/
edit
: Widzę, że ktoś już wspomniał o tej odpowiedzi!
Zygmunt
Potwierdzenie od:
działa tylko w określonym kontekście , To jest, na miejscu
,
lub
.
Z-index.
Dla krewnego div nie ma nic wspólnego
Absolutnie lub naprawiony div.
Edytować
To niekompletna odpowiedź.
Ta odpowiedź zawiera fałszywe informacje. Sprawdź komentarz @Dansingerman's I poniższy przykład.
Lech
Potwierdzenie od:
negatywny
, na przykład
To dlatego, że , Jaka nieruchomość
Ignorowany B.
, która jest wartością domyślną; Dlatego w kodzie CSS, który napisałeś
to A.
Dla obu elementów, bez względu na to, jak wysoki go zainstalowałeś
.
Dający
Wartość ujemna, będzie za każdym elementem
, to znaczy
.
Edward
Potwierdzenie od:
W mojej nawigacji. css, Kto wszystko ukrył. Myślałem, że to problem z indeksem Z, ale w rzeczywistości ukryłem wszystko poza moim systemem nawigacyjnym.
Czesław
Potwierdzenie od:
Zgodnie z sekcją nakładających się elementów
http://web.archive.org/web/201 ... g.asp
Piotr
Potwierdzenie od:
Zachowują się tak, jakby zostały rozdzielone od dokumentu i umieszczone w najbliższej naprawie/Absolute położony rodzic. /Nie cytuj słowa na słowo/
Ulikuje się trochę komplikacji zindex, Zdecydowałem mój problem /Ta sama sytuacja/, Dynamicznie tworząc pojemnik w elemencie body i przenoszenie wszystkich takich elementów /które są klasyfikowane jako "my-fixed-ones" Wewnątrz tego elementu poziomu ciała/