HTML Remix - Dont copy code, remix it!

February 13, 2009

CSS hover for all elements in IE

Posted by : Remiz
Filed under : CSS

Most of the new generation browsers support CSS pseudo class :hover to any elements. That is a nice feature because you can give mouseover effect for any element using CSS.

Example :

tr:hover td { background:#f2f2f2; }

But IE supports CSS hover for anchor tags only. So this wont work in IE. Now you can use the Microsoft’s propratory stuff, "behavior" Just add one line CSS to your main style file and put this csshover.htc file in same folder.

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

Demo

You can see the demo here or download the source files

You can read the full desciprtion and get latest version of htc file here.

  • Delicious 0
  • Comment (1)

One Response to “CSS hover for all elements in IE”

  1. Nice one… but bit buggy when combined with other JavaScript.

Leave a Reply

Subscribe via email

WebCastle
HostedFTP

I’m promoting

Advertise here