Bug z-index in Internet Explorer
M-am lovit zilele astea de-o problema cu afisarea unui tag <div>.
Prin respectiva pagina HTML era un alt tag care avea definit un z-index: 1 si position:relative. Problema aparea in momentul in care setam un z-index:100 div-ului meu, dar nu ii setam si position. Pe Internet Explorer se afisa sub tag-ul care avea setata pozitia.
Deci…pentru a pacali bug-ul din IE, trebuie setat si position pentru tag-urile care au z-index.
UPDATE Daca aveti probleme cu afisarea unui menu drop-down peste un obiect flash trebuie sa setati wmode (opaque sau transparent) pentru obiectul flash. Desigur flash-ul il veti incarca prin intermediul javascript.
Mai simplu de explicat problema interpretarii z-index de catre IE: atributele z-index se calculeaza fata de parinte care are pozitie relativa si nu global la nivel de pagina cu ar trebui.
Detalii si exemple se gasesc pe net. De exemplu aici:
http://is.gd/4HAyn
Cea mai sigura metoda si compatibila cu toate browserele e sa pui codul care vrei sa apara deasupra dupa codul elementelor peste care vrei sa fie afisat. Pozitionarea ulterioara in ordinea fireasca se rezolva cu CSS.