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:
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).
Listing
/* Uwaga! należy pamiętać o zamkniętych float'ach w tym divie. */
.znikajacy {
overflow:hidden;
}
Ranga: Administrator serwisu Punktów: 0