738 posts
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Located in United States
  • Sells items exclusively on Envato Market
Jar says

I’m making the framework to my first CSS dropdown menu (I’m rusty lol) and I read that they didn’t have support for most pseudo:hover besides links, so does anybody know which version finally added it? I’m hoping it was IE7 or lower as I don’t want to add this DOM -based scripting to make it work.

163 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 10+ members
  • Has sold $125,000+ on Envato Market
  • Has collected 10+ items on Envato Market
+5 more
starshade says

If I remember correctly the support for pseudo:hover started with internet explorer 7. To be honest I suggest you try to make a dropdown menu using jquery.

738 posts
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Located in United States
  • Sells items exclusively on Envato Market
Jar says

I’ll be using Superfish, but even that requires a CSS drop-down menu, which is why I’m doing this. Glad to see I don’t have to support IE6 on Themeforest anymore :)

163 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 10+ members
  • Has sold $125,000+ on Envato Market
  • Has collected 10+ items on Envato Market
+5 more
starshade says

Yes, good thing ie6 is not mandatory anymore on themeforest. Good luck :)

2468 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $100+ on Envato Market
  • Has referred 100+ members
  • Has been a beta tester for an Envato feature
+2 more
digitalimpact says

The easiest way to make :hover work on anything else besides links is to use jQuery to add it.

Something like, for example:

$(document).ready(function(){

$('#navigation ul li').hover(
            function() { $('ul', this).css('display', 'block'); },
            function() { $('ul', this).css('display', 'none'); });

});
738 posts
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Located in United States
  • Sells items exclusively on Envato Market
Jar says

Why would I do that if it works fine using it in the CSS file itself? o.o

Not that I’m saying there is no reason, but I just don’t know the reason.

2468 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $100+ on Envato Market
  • Has referred 100+ members
  • Has been a beta tester for an Envato feature
+2 more
digitalimpact says
Why would I do that if it works fine using it in the CSS file itself? o.o Not that I’m saying there is no reason, but I just don’t know the reason.

This is one good reason :) :P

IE6 to be more specific. And I did have the problem with IE7 too – got fixed with just a little jQuery :)

2541 posts
  • Has referred 10+ members
  • Has sold $100+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Located in United States
+9 more
CreatingDrew says

Check this out, it’s a lifesaver – http://code.google.com/p/ie7-js/

738 posts
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Located in United States
  • Sells items exclusively on Envato Market
Jar says

Wow, now that looks helpful. :D

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by