A z-index nem működik abszolút pozícióval

Kinyitottam a konzolt (chrome \ firefox), és a következő sorokat futottam:

A #popupContent-nek mindenekelőtt kell lennie, de a #popupFrame átlátszatlansága befolyásolja.

A tartalmat nem tartalmazza a #popupFrame, ami miatt ez nagyon furcsa.

A cél egy Firefox-szerű riasztó doboz létrehozása

5 válasz 5

A második div a position: static (az alapértelmezett), tehát a z-index nem vonatkozik rá.

Be kell állítania (a position tulajdonságot bármi másra kell állítania, mint statikus, ebben az esetben valószínűleg rokont szeretne) bármit, amihez z-indexet szeretne adni.

Az opacitás megváltoztatja a z-index kontextusát, csakúgy, mint a statikus pozícionálás. Vagy adjon opacitást annak az elemnek, amelyikben nincs, vagy távolítsa el azt az elemet, amelyik rendelkezik. Ezenkívül statikusan kell elhelyeznie mindkét elemet, vagy meg kell adnia a relatív vagy abszolút pozíciót. Íme néhány háttér a kontextusokról: http://philipwalton.com/articles/what-no-one-told-you-about-z-index/

Régi kérdés, de ez a válasz segíthet valakinek.

Ha a tároló tartalmát a tároló határain kívül akarja megjeleníteni, győződjön meg arról, hogy nincs benne túlcsordulás: rejtve, különben a rajta kívül bármi levágódik.

html

A z-index csak azokra az elemekre vonatkozik, amelyek kifejezett pozíciót kaptak. Hely hozzáadása: a #popupContenthez képest, és jónak kell lenned.

Sokat szembesültem ezzel a kérdéssel, amikor a pozíciót használtam: abszolút;, Szembesültem ezzel a problémával a position: relatív elem használatával a gyermek elemben. nem kell megváltoztatni a pozíciót: abszolút a relatívhoz, csak hozzá kell adni a gyermek elemhez, nézze meg az alábbi két példát:

Nem a keresett válasz? Böngésszen a html css címkével ellátott többi kérdésben, vagy tegye fel saját kérdését.

Összekapcsolva

Összefüggő

Forró hálózati kérdések

Ha feliratkozik erre az RSS-hírcsatornára, másolja és illessze be ezt az URL-t az RSS-olvasóba.