Loading:

Promocja Helion.pl

Wyświetlony content po najechaniu myszką znika na IE7 i IE6 [ bug ]

Skrypt pokazuje jak zapobiec znikaniu elementu div, który zostaje wyświetlony przez css :hover.

 

Przyjmijmy, że mamy div o klasie "pojemnik", który posiada zdarzenie "hover" w css w takiej postaci:

 

.pojemnik :hover .znikajacy {
display:block; 
}

 

czyli klasa "znikajacy" będzie posiadała display:none; (opcjonalnie position absolute) oraz będzie wewnątrzn diva z klasą "pojemnik". Musimy również pamiętać że nie może byc żadnego odstępu pomiędzy klasą "pojemnik" oraz "znikajacy" inaczej content zniknie bo myszka nie jest nad elementem wewnętrznym.

 

W normalnej sytuacji FireFox  oraz IE8 poprawnie będą symulowały poruszanie się myszki po divie "znikajacy", ale za to IE7 i 6 już nie. Aby naprawić to działanie musimy dodać właściwość (patrz listing 1.0).

 



Napisz Artykuł

Listing

/* listin 1.0 */
/* Uwaga! należy pamiętać o zamkniętych float'ach w tym divie. */
.znikajacy {
overflow:hidden;
}


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

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