Firefox在加载后不会触发显示悬停效果

时间:2010-02-22 19:40:34

标签: css firefox hyperlink

以下问题一直困扰着我: 我有一个“上一个/下一个” - 导航来浏览图片库。 至于css:链接是具有固定宽度/高度的内联块元素,其中“箭头” - 图形(左/右箭头)作为背景图像:

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

HTML:

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

现在,当用户点击箭头时,让我们说到下一张图片,在下一页上,直到用户稍微移动鼠标才会触发链接。即使光标在链接上,也无法点击它,直到鼠标移动为止... 如果用户试图浏览图库,那将非常令人沮丧......

另外:我刚刚发现此问题仅适用于Firefox,在所有其他主流浏览器中它运行正常!

关于如何解决这个问题的任何想法?

编辑:我刚刚发现这个问题只出现在我的Macbook上使用FF 3.0.18 - 在Windows上运行得很好!我想我可以忽略它然后因为它并没有真正破坏我的应用程序...亲眼看看:http://mobweb.ch/test.php

1 个答案:

答案 0 :(得分:1)

也许你可以尝试移动链接一点?或者代替使用href使用onclick with curser pointer。