Jaka jest różnica między:Różnica między auto, 0 i bez indeksu Z?
wszystkich powyższych scenariuszy są dla div że obejmuje dwa divy, div1 i div2, każdy mający indeks az, który wynosi odpowiednio 9 i 10.
Dołączający element div znajduje się w kontekście stosu html.
Brak określenia z-index jest taki sam jak z-index: auto; to jest jego wartość początkowa.
auto i 0 oznaczają to samo, jeśli twój element nie tworzy własnego kontekstu stosowego; na przykład nie jest pozycjonowany jako względny, bezwzględny lub stały.
Jeśli obudowa div nie jest ustawiona, to cokolwiek ustawić jej z-index, nie ma znaczenia; to i cała jego zawartość będzie uczestniczyć w kontekście układania html, a jego potomkowie zawsze będą umieszczeni przed nim.
Ustawia kolejność stosów równą rodzicom. To jest domyślne.
robi nic
ustawia kolejność stosu równą jego rodziców samych jak auto.
Określa, że z-index należy dziedziczona z elementu nadrzędnego
Odesłanie do dalszego czytania i testów:
Podobnie jak BoltClock powiedział, 'z-index: 0' czyni go za rodzeństwem, które nie ma' z-index:
@jasonszhao, to nie jest prawda. na przykład zobacz: https://jsfiddle.net/jf3bgL9z/3/ –
n CSS, może ustawić 2 lub więcej obiektów, aby zachodziły na siebie wzajemnie. Ich indeksy z-Z określają, które obiekty znajdują się "przed" lub "za" innymi obiektami, które się nakładają. Im wyższy z-index obiektu, tym „wyżej w stosie” obiektów wyświetli
z-index:0 zawsze jest „domyślna warstwa” (warstwa, w której wszystkie elementy bez wyraźnego z-index pobytu), a z-index:auto oznacza: "Ustawia kolejność stosów równą jej rodzicowi". Ponieważ wszystkie dzieci rodzica domyślnie zaczynają się w "z-layer 0" - w stosunku do ich rodzica, wówczas in-affect, z-index:auto i z-index:0 oznacza to samo: oboje będą w tej samej "warstwie" ", a ich kolejność układania będzie zgodna z domyślnymi regułami układania, które można zobaczyć pod here.
Dziękuję BoltClock.The, ast akapit odpowiedzi wyjaśnił wszystko tak dobrze.Tak dokładnie to, czego szukałem. – bluelurker