The W3C says that :hover is supported by IE since v4, but I can't get it working on div and span elements. For example: http://apexcommunity.donet.com. If you look @ it in FF the home icon in the header changes on hover, but in IE it doesn't. Here's the relevant CSS:
#topnav-home2
{
background-image: url(images/quicklinks/home-off.gif);
background-repeat: no-repeat;
}
#topnav-home2:hover
{
background-image: url(images/quicklinks/home-on.gif);
}
Greg K posted this at 19:50—7th August 2006.
He has: 1,638 posts
Joined: Nov 2003
Not sure if it has to do with the problems you have, but when I first started doing that, found that they had to be in a ceratin order, and I'm not sure if they all have to be there for that order to be "complete", try the following:
#topnav-home2 { ... }
#topnav-home2:link { ... }
#topnav-home2:visited { ... }
#topnav-home2:hover { ... }
Perhaps you also have to define the a. tag with the id name. It's been a while since I've had to do this, so I'm not sure how offhand. as an example, for my site where I usd this, I had thw following:
a.subTitle { ... }
a.subTitle:link { ... }
a.subTitle:visited { ... }
a.subTitle:hover { ... )
Hope this helps.
-Greg
[This space intentionally left blank]
Cool Geek Supplies: www.ThinkGeek.com
Renegade posted this at 19:54—7th August 2006.
He has: 2,944 posts
Joined: Oct 2002
This would be because Ie doesn't support the :hover psudo class on anything other than the anchor tags. You can, however, still do this and have it show up in firefox, opera (and other compliant browsers). Apparently, when IE7 comes out, the :hover psudo class will be supported on elements other than anchor tags.
Cheng Eu Chew - Renegade
Download:
- Mozilla, Firefox
- Opera
This post may contain peanut traces
IanD posted this at 12:27—8th August 2006.
They have: 222 posts
Joined: Sep 1999
Thanks Renegade, that's what the problem was. Got it working now