li:hover Workaround for IE6
3 posts
• Page 1 of 1
li:hover Workaround for IE6
Hello guys, I'm coding a website right now and I'm attempting to use the sliding doors trick in CSS to get a hover overlay for my navigation bar. Just one problem, as you all have probably predicted - IE6 doesn't do :hover on anything but anchors.
I've done some research on this problem, and the only solution I've found is peterned's script, but I have NO clue as to how it works. All I need is a way to get li:hover to work, and that's it. No other instance.
I'd greatly appreciate any help here/links for a Javascript or workaround for this loathsome problem.
Thanks
<b>Mac Pro:</b>
Dual Dual-Core Intel Xeon 2.0GHz (Woodcrest)
3GB DDR2-667 FB-DIMM RAM
ATI Radeon X1900XT 512MB
23" Apple Cinema Display
Windows Vista + Mac OS X 10.5 Leopard
<b>PowerBook G4 15"</b>
PowerPC G4 1.5GHz
1.5GB DDR PC2700 RAM
ATI Mobility Radeon 9700 128MB
Mac OS X 10.5 Leopard
Dual Dual-Core Intel Xeon 2.0GHz (Woodcrest)
3GB DDR2-667 FB-DIMM RAM
ATI Radeon X1900XT 512MB
23" Apple Cinema Display
Windows Vista + Mac OS X 10.5 Leopard
<b>PowerBook G4 15"</b>
PowerPC G4 1.5GHz
1.5GB DDR PC2700 RAM
ATI Mobility Radeon 9700 128MB
Mac OS X 10.5 Leopard
Wrap an anchor tag around each li, you can use the :hover sudoclass on the anchor tag to apply the effect to the li element.
a li {
/* normal appearance */
}
a:hover li {
/* hover appearance */
}
I am not sure how familiar you are with CSS selectors, but make sure to ask if you have further questions.
Thanks for your help, but I actually found a pretty reasonable, lightweight javascript to use, and everything works great with it. Here's the link for anyone who might have the same problem as me in the future:
http://www.htmldog.com/articles/suckerfish/dropdowns/
http://www.htmldog.com/articles/suckerfish/dropdowns/
<b>Mac Pro:</b>
Dual Dual-Core Intel Xeon 2.0GHz (Woodcrest)
3GB DDR2-667 FB-DIMM RAM
ATI Radeon X1900XT 512MB
23" Apple Cinema Display
Windows Vista + Mac OS X 10.5 Leopard
<b>PowerBook G4 15"</b>
PowerPC G4 1.5GHz
1.5GB DDR PC2700 RAM
ATI Mobility Radeon 9700 128MB
Mac OS X 10.5 Leopard
Dual Dual-Core Intel Xeon 2.0GHz (Woodcrest)
3GB DDR2-667 FB-DIMM RAM
ATI Radeon X1900XT 512MB
23" Apple Cinema Display
Windows Vista + Mac OS X 10.5 Leopard
<b>PowerBook G4 15"</b>
PowerPC G4 1.5GHz
1.5GB DDR PC2700 RAM
ATI Mobility Radeon 9700 128MB
Mac OS X 10.5 Leopard
3 posts
• Page 1 of 1
Return to HTML, CSS, and Scripts
Who is online
Users browsing this forum: No registered users and 9 guests