Loading:


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;
}




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-2024 v.1.5 | design: diviXdesign & rainbowcolors