Pseudoklasa :hover w IE

Standardowo IE nie rozumie pseudoklasy :hover dla innych elementów niż <a>, w przeciwieństwie do FF czy Opery, gdzie sprawa wygląda inaczej ;)

Problem pod przeglądarką Microsoftu można rozwiązać dzięki wykorzystaniu whatever:hover, który umożliwia obsługę :hover także dla innych elementów niż znacznik <a> w Internet Explorerze. Rozszerzenie whatever:hover wykorzystuje behaviors i DHTML, emulując :hover przez „przełączanie” odpowiedniej classy przy zajściu odpowiedniego zdarzenia.

„Instalacja” na stronie odbywa się poprzez dołączenie do stronki dodatkowego pliku z pseudoklasą csshover.htc i dodanie 1 linijki kodu w CSSie:

body { behavior:url("csshover.htc"); }

Na whatever:hover trafiłem całkiem przypadkiem, ale znacznie ułatwia pracę, nie tylko mi. Nie będzie już konieczne stosowanie JS i zaśmiecanie kodu, po to tylko, żeby zmienić jakiś styl DIV-a czy innego elementu.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *