Loading:

Rozwiń skrzydła w branży IT [Książki drukowane -35%| Ebooki -50%]

Ostatnio dodane

php Upload dodaw PHP Tworzenia mi Logowanie obiekt Prosty system sz Lista plików z Jak zbudować pr Jak zamienić w IP uzytkownika Obiekt Timer [AS Proste skrypty w

Top 10

1.hash_final 2.hebrevc() 3.usort() 4.bool isset 5.gzopen() 6.COM::COM 7.PDF_close 8.iconv 9.uasort() 10.ftp_raw

56853.05

Jak naprawić działanie z-index w Internet Explorer 6 i 7

Skrypt poprawia wyświetlanie elementów takich jak DIV z nadanymi wartościami sortowania z-index dla przeglądarek Internet Explorer 6 oraz 7.

Z pewnością zetkneliście się już nie raz z wadami przeglądarki IE, najwięcej jednak problemu zawsze stwarzało nadanie poziomów (z) na jeden z elementów, tak, aby np jeśli jest na pozycji absolutnej, był widoczny nad każdym div'em pod nim.

Wierzcie lub też nie ale IE już nawet w wersji 6 obsługuje właściwość z-index, ale tylko w podstawowym stanie. Co to oznacza dla programistów?, dodatkowy kod dla IE6, ale w pełni spełniający walidacyjne standardy W3C.

Aby rozwiązać ten problem, należy również nadać właściwość z-index na element który posiada position: relative, względme elementu znajdującego się na pozycji absolutnej.

Przykład wdrożenia jest widoczny na listingu 1.0:

Listing

//KOD CSS:

.pojemnik {
z-index:4;
width:100px;
height:100px;
position:relative;
}

.div1 {
position:absolute;
top:0;
left:0;
z-index:4;
}


<div class="pojemnik">
<div class="div1">
Funkcje.net
</div>
</div>