Loading:

Promocja Helion.pl

Znikające elementy na position relative w IE6 podczas zmiany okna przeglądarki

Artykuł pokazuje jak usunąć znikanie elementów HTML w Interne Explorer 6 na pozycji relatywnej.

 

Gdy nadamy position:relative na obiekt, który zawiera elementy oraz obrazy w nim, wtedy IE6, podczas zmiany rozmiaru okna schowa nam ten element. (również losowo podczas odświerzeń strony to zjawisko występuje)

 

Aby naprawić ten problem należy skopiować poniższy kod do sekcji head lub body. (przykład bazuje na JavaScript).

 

Aby dostosować skrypt należy nadać id na element, który znika o nazwie "ie6Fix". (uwaga przykład działa na każdych elementach, które mają display:block, np DIV, TABLE itp).

 

UWAGA przykład wykorzystuje silnik JQuery, którą musimy mieć zaciągniętą na stronie.



Napisz Artykuł

Listing

<!--[if IE 6]>
<script type="text/javascript">

flag=true;
$(window).resize(function() {
        if(flag){
          $('#ie6Fix').css('display', 'block');
          flag=false;
        }else{
          $('#ie6Fix').css('display', 'list-item');
          flag=true;
        }
});

</script>
<![endif]-->


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=5465

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



Dodano przez: divix
Ranga: Administrator serwisu Punktów: 38323
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