2011-05-19 48 views
3

我在这里有一个奇怪的问题:HTTP://alarmefast.com/securitasdirect2011/index.php光标:指针;不工作的一个CSS3过渡链接

在左上角,我有一个链接设置为display:block;包含<span>那我已经设置为使用CSS3转换悬停旋转。奇怪的是,它似乎与光标显示为指针相矛盾。

任何想法为什么?

谢谢。

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

+1

你能否更详细地解释应该发生什么以及哪个浏览器遇到问题?在Chrome 13中,当我将鼠标悬停在Facebook徽标上时,它会旋转,光标是_hand_图标(指针),因为它是带有'href'属性的''标签。 – andyb 2011-05-19 09:20:13

+0

@andyb的确,对不起,我对我的问题有些仓促。它已更新。 – Krimo 2011-05-19 09:29:29

+0

我在Internet Explorer 8中遇到同样的问题。当我删除渐变属性时问题消失。 – mg1075 2011-05-26 17:17:51

回答

0

其工作正常,我在Chrome 11和Firefox 4 可能是其测试问题

+0

是的,这就是我想象的......谢谢。无论哪种方式,我们很多用户无论如何都使用chrome12 beta/osx组合。 – Krimo 2011-05-19 09:58:37

+0

你测试过哪个操作系统? – andyb 2011-05-19 16:01:13

+2

遇到Chrome 14/OSX的问题。 – 34m0 2011-10-25 11:50:29

0

为别人运行到这个(错误仍然存​​在:http://code.google.com/p/chromium/issues/detail?id=103198),有一个总的黑客,帮助我。

此错误是由页面上应用"the magic CSS bullet" that triggers GPU acceleration的任何元素的固定:

-webkit-transform: translateZ(0); 

我会离开它由你来决定是否该技术的相关缺点(如电池寿命的损失,由于使用GPU只是为了解决一个小错误)超过了修复程序。