Pseu­do­kla­sa :hover w IE

Stan­dar­do­wo IE nie ro­zu­mie pseu­do­kla­sy :hover dla in­nych ele­men­tów niż <a>, w prze­ci­wień­stwie do FF czy Opery, gdzie spra­wa wy­glą­da zgoła ina­czej ;)

Pro­blem pod prze­glą­dar­ką Mi­cro­so­ftu można roz­wią­zać dzię­ki wy­ko­rzy­sta­niu wha­te­ver:hover, który umoż­li­wia ob­słu­gę :hover także dla in­nych ele­men­tów niż znacz­nik <a> w In­ter­net Explo­re­rze. Roz­sze­rze­nie wha­te­ver:hover wy­ko­rzy­stu­je be­ha­viors i DHTML, emu­lu­jąc :hover przez “prze­łą­cza­nie” od­po­wied­niej clas­sy przy zaj­ściu od­po­wied­nie­go zda­rze­nia.

“In­sta­la­cja” na stro­nie od­by­wa się po­przez do­łą­cze­nie pliku csshover.htc i do­da­nie 1 li­nij­ki kodu w CSS-​ie:

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

Na wha­te­ver:hover tra­fi­łem cał­kiem przy­pad­kiem, ale widzę, że znacz­nie uła­twia pracę nie tylko mi. Nie bę­dzie już ko­niecz­ne sto­so­wa­nie JS i za­śmie­ca­nie kodu, po to tylko, żeby zmie­nić jakiś styl DIV-a czy in­ne­go ele­men­tu.