:hover w IE

21 kwietnia 2006

Standardowo IE nie rozumie pseudoklasy :hover dla innych elementow 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.
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"); }

whatever:hover znalazłem przypadkiem, ale znacznie ułatwi pracę, nie tylko mi. Nie będzie już konieczne stosowanie js i zaśmiecanie kodu, po to tylko, żeby zmienić jakiś styl DIVa czy innego elementu.

Podobne notatki:

Może zainteresują Cię również następujące, pododbne notatki:

Nikt jeszcze nie skomentował tego wpisu.
Możesz być pierwszy.

Dodaj swój komentarz

Możesz użyć tych tagów XHTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Jeśli chcesz wstawić kilku linijkowy fragment kodu, użyj tagów <pre lang="x"></pre> (gdzie x język kodu np. cpp, perl, html). W ten sposób kod zostanie odpowiednio sformatowany i pokolorowany przez system.

Uwaga!

Na tym blogu działa system cache oraz filtr antyspamowy. Twój komentarz może być widoczny na stronie z pewnym opóźnieniem. Proszę o cierpliwość. Jeśli utraciłeś już wszystkie jej zasoby poinformuj mnie o tym, być może system uznał Cię za spamera ;)