Firefox在加载后没有触发显示悬停效果
问题描述:
以下问题一直困扰我: 我有一个“上一页/下一页”导航来浏览图片库。 作为CSS:链接是具有固定宽度/高度具有“箭头” -graphics(左/右箭头)作为背景图像直列块元素:Firefox在加载后没有触发显示悬停效果
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
答
也许你可以尝试移动链接一点?或者使用带光标指针的onclick来代替使用href。
未来,请保留您的文章标题简洁明了。 – FrustratedWithFormsDesigner 2010-02-22 19:41:35
对不起,我的错,已经编辑过了。 :) – 2010-02-22 19:42:20
您的示例页面非常奇怪;如何链接到实际网站本身,而不是它的一小部分?哦,等等,现在我想我明白你的意思了......在Linux FF 3.5中,它的价值也是值得的。 – Pointy 2010-02-22 20:22:20