CSS image rollovers
Posted: 05 November 2008 05:30 PM   [ Ignore ]
Newbie
Rank
Total Posts:  10
Joined  2008-10-09

I have been working on .(JavaScript must be enabled to view this email address) with .(JavaScript must be enabled to view this email address) and have added CSS rollover images. However, they don’t work in IE6 of course. I have tried adding height to the p.nav element in which the links are contained, but this doesn’t work. Anybody have any suggestions on how I might fix this problem? Thanks.

Profile
 
 
Posted: 07 November 2008 11:31 PM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  17
Joined  2008-10-19

CSS rollovers do not work in IE6 because IE 6 does not support the “:hover” pseudo class on any element EXCEPT anchors (<a >)

There is a simple fix for this however, Dean Edwards has comprised a javascript library which is hosted on Google Code that you can “hotlink” directly from google (legally) in the form of a conditional statement and it will make IE 6 play nicely. In other words, everything that IE 7 supports, this script will make IE 6 support as well.

Here is what you would need to place in the <head> of your page…

<!--[if lt IE 7]>
<
script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]--> 

Good luck!

Profile