Mega Drop Down Menu and Opera cursor:pointer

HTML & CSS
1

Hi all. I just want to use this menu. But found that on Opera browser when mouse over the link mouse style is default. Must be such as pointer.I add some cursor:pointer ( cursor:pointer !important;) code to css, but nothing. Same problem. You can test it with Opera ( my opera ver: 10.63) here http://www.sitepoint.com/examples/megadropdowns/completed.html

Try hover open some menu and mouse over the links on sub menu. Sometimes it works, but after page refresh not works.

Any help? Thx.

Sorry for my English.

2

two things:

  • j
  • Query

the said menu uses jQuery to dynamically add the class “hovering” to li elements.
hence your problem :slight_smile: there is a delay appearing because on “:hover” over <a> element the parent <li> is given that extra class. that requires a refresh which causes a bug and leads to no finger for you. which i find quite polite :slight_smile:

3

Yes, You’re Right. I found problem.Problem was with jQuery plugin “hoverintent” .

4

By pointer do you mean the finger or another type? You need to define it like


li.mega a:hover {
 cursor: pointer !important;
}
5

I mean finger. I’ve this code already:

ul#menu li.mega div a:hover {
border-bottom:1px dotted #c0231b;
cursor: pointer !important;
}

But no result.