css - 加载后 Firefox 不触发显示悬停效果

Question

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

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，在所有其他主流浏览器中它都可以正常工作!

关于如何解决这个问题有什么想法吗？

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

Answer 1

或许您可以尝试稍微移动一下链接？或者不使用 href，而是使用带有光标指针的 onclick。