我在这里有一个奇怪的问题:http://alarmefast.com/securitasdirect2011/index.php
在左上角,我有一个链接设置为display:block;
包含一个<span>
我设置为使用 CSS3 过渡在悬停时旋转的链接。奇怪的是,它似乎与显示为指向手的光标冲突。
知道为什么吗?
谢谢。
编辑:我在 OSX 上使用 Chrome 12 beta。动画完成后,小手出现然后消失。
我在这里有一个奇怪的问题:http://alarmefast.com/securitasdirect2011/index.php
在左上角,我有一个链接设置为display:block;
包含一个<span>
我设置为使用 CSS3 过渡在悬停时旋转的链接。奇怪的是,它似乎与显示为指向手的光标冲突。
知道为什么吗?
谢谢。
编辑:我在 OSX 上使用 Chrome 12 beta。动画完成后,小手出现然后消失。
它在 chrome 11 和 firefox 4 中对我来说很好用,可能是它的 beta 问题
对于遇到此问题的其他任何人(错误仍然存在:http ://code.google.com/p/chromium/issues/detail?id=103198 ),有一个帮助我的严重黑客。
通过将触发 GPU 加速的“神奇 CSS 子弹”应用于页面上的任何元素,可以修复此错误:
-webkit-transform: translateZ(0);
我将由您来决定这种技术的相关缺点(例如由于使用 GPU 来解决一个小错误而导致的电池寿命损失)是否超过了修复。