Loading:

Ferie zimowe - 3 za 2

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:



Napisz Artykuł

Listing

//KOD CSS:

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

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


<!-- KOD XHTML -->
<div class="pojemnik">
 <div class="div1">
  Funkcje.net
 </div>
</div>


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=5329

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: divix
Ranga: Administrator serwisu Punktów: 38319
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors