Egy html css oldalon próbálok egy headert a többi element fölé helyezni, de a z-index nagyon furcsán viselkedik. Vki tud segíteni?
Adott egy position: fixed header és egy position: relative main, a header z-indexe 20, a main z-indexe 2. azt hiszem azzal lehet gond, hogy bootstrapet használok, de ez a z-index-elés nagyon szokatlan dolgot művel. Az elementeket berakja a z-index szerinti sorrendbe, vagyis a rajtuk lévő buttonökből hivatkozásokból azok a kattinthatók amikre a z-index szerint számítanánk, de megjelenni a main tartalma a header felett jelenik meg...
Valakinek van ötlete?
Kezdd ott a hiba keresését, hogy ellenőrzöd a böngésződben a szóban forgó elemek tulajdonságait.
Chrome -nál (én azt használom) jobb klikk az elemre és "Vizsgálat". Ott látod majd, hogy mik azok a tulajdonságok, amiket figyelmen kívül hagy, mik azok, amiket nem.
A "Computed" fül alatt látod a végeredményt, az alapján jelenik meg.
A hibának több oka lehet. Pl. több stíluslap fájl használata esetén a később beillesztettben valahol felülíródik az általad megadott tulajdonság, vagy pl. ezeknek az elemeknek a szülő elemeinél nem adtad meg mindenhol a pozícionálást.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!