Loading:

Światowy dzień książki... IT! [Książki drukowane -40%| 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.hw_cp 2.bzclose() 3.setMask() 4.pcntl_fork 5.opendir() 6.imagearc 7.compact() 8.pcntl_exec 9.shuffle() 10.realpath

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>