:hover on div and span elements
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: 2,145 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
Renegade posted this at 19:54 — 7th August 2006.
He has: 3,022 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.
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
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.