光标:指针;没有在css3过渡链接上工作

时间:2011-05-19 09:00:11

标签: css cursor anchor css-transitions

我在这里有一个奇怪的问题:http://alarmefast.com/securitasdirect2011/index.php

在左上角,我的链接设置为display:block;,其中包含<span>,我已设置为使用CSS3过渡在悬停时旋转。奇怪的是它似乎与光标显示为指针冲突。

知道为什么吗?

感谢。

编辑:我在OSX上使用Chrome 12测试版。一旦动画完成,小手就会出现然后消失。

2 个答案:

答案 0 :(得分:0)

它在chrome 11和firefox 4中对我来说很好 可能是它的beta问题

答案 1 :(得分:0)

对于遇到此问题的其他人(错误仍然存​​在:http://code.google.com/p/chromium/issues/detail?id=103198),有一个严重的黑客帮助了我。

通过将"the magic CSS bullet" that triggers GPU acceleration应用于页面上的任何元素来修复此错误:

-webkit-transform: translateZ(0);

我将由你来决定这种技术的相关缺点(例如因使用GPU来解决一个小错误导致的电池寿命损失)是否超过修复。