Loading:

Mikołaj Gift Developer - Książkowe prezenty dla specjalistów IT [do -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.bindec 2.curl_error 3.mt_rand 4.openlog 5.implode() 6.sscanf() 7.yaz_sort 8.fwrite 9.decoct 10.image2wbmp

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>