CODEWITHSUNDEEP
cssfirefoxhyperlink
Louis B.
Louis B.

Reputation: 2368

Firefox not triggering displaying hover effects after load

The following problem has been bothering me: I have a "previous/next"-navigation to navigate through a gallery of pictures. as for the css: the links are inline-block elements with a fixed width/height that have the "arrow"-graphics (left/right-arrow) as background-image:

a#leftarrow {
display: inline-block;
background: transparent url(../../img/pfeil_links.png) top left no-repeat;
height: 61px;
width: 81px;
}

And the HTML:

<a href='somepage.php' id='leftarrow'></a>

Now when the user clicks on an arrow, let's say to get to the next picture, on the following page the link isn't triggered until the user moves his mouse a little bit. even tho the cursor is on the link, it can't be clicked untill the mouse is moved... This is very frustrating if the user tries to navigate through gallery...

Also: I just found out that this problem only applies to Firefox, in all other major browser it works fine!

Any idea on how to solve this?

Edit: I just found out that this problem only occurs on my Macbook using FF 3.0.18 - on windows it works just fine! I guess I can ignore it then since it's not really breaking my app... See for yourself: http://mobweb.ch/test.php

Upvotes: 0

Views: 128

Answers (1)

Hayden Thring
Hayden Thring

Reputation: 1810

maybe you could try moving the link a little ? or instead of using href use onclick with curser pointer.

Upvotes: 1

Related Questions