A Digital Age Deserves A Digital Leader

li:hover Workaround for IE6

li:hover Workaround for IE6

Postby D3LM3L » Thu Jan 03, 2008 2:57 am

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
PRO Level 7
User avatar
Posts: 252
Joined: Sat Jul 24, 2004 8:23 pm
Location: Bergen County, NJ

Postby weazzle » Sun Jan 20, 2008 7:29 pm

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.
Image
PRO Level 12
User avatar
Posts: 511
Joined: Thu Aug 26, 2004 4:55 pm
Location: Albuquerque, NM {USA}

Postby D3LM3L » Mon Jan 21, 2008 6:23 pm

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/
<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
PRO Level 7
User avatar
Posts: 252
Joined: Sat Jul 24, 2004 8:23 pm
Location: Bergen County, NJ

Return to HTML, CSS, and Scripts

Who is online

Users browsing this forum: No registered users and 0 guests