CSS3过渡链接上的cursor:pointer无效

Question

我这里有一个奇怪的问题：http://alarmefast.com/securitasdirect2011/index.php 在左上角，我设置了一个链接display:block;，其中包含一个<span>，我已经使用CSS3过渡将其设置为在悬停时旋转。奇怪的是，它似乎与指针显示为指向手冲突。

有什么想法吗？

谢谢。

编辑：我正在使用OSX上的Chrome 12 beta版。小手出现后，动画完成后就消失了。

- Krimo

---

你能否详细解释一下应该发生什么情况，以及你在哪个浏览器上遇到了问题？在Chrome 13中，当我将鼠标悬停在Facebook标志上时，它会旋转并且光标是手形图标（指针），因为它是一个带有href属性的<anchor>标签。 - andyb

@andyb 确实，抱歉我在提问时有点匆忙。已经更新了。 - Krimo

我在Internet Explorer 8中遇到了相同的问题。当我删除渐变属性时，问题消失了。 - mg1075

哦，Chrome 16 上出现了同样的问题。 - kangax

Answer 1

对于其他遇到这个问题的人（该错误仍然存在：http://code.google.com/p/chromium/issues/detail?id=103198），有一个可行的方法可以帮助你。

通过将"神奇的CSS子弹"触发GPU加速应用于页面上的任何元素，可以解决此错误：

-webkit-transform: translateZ(0);

我会让你自己决定这种技术的相关缺点（例如由于使用GPU来解决小错误而导致电池寿命损失）是否超过了修复的好处。

- kamens

Answer 2

在我的Chrome 11和Firefox 4中运行良好，可能是beta版的问题。

- SRN

---

是的，这就是我想到的...谢谢。反正我们的用户中很少有人使用chrome12 beta / OSX组合。 - Krimo

在Chrome 14/OSX上遇到了问题。 - 34m0