Loading:


    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>




    Dodano przez: divix
    Ranga: Administrator serwisu Punktów: 0
    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-2025 v.1.5 | design: diviXdesign & rainbowcolors