CSS3错误 - 使用转换时的问题:旋转规则(Safari + Firefox)

时间:2011-09-20 15:02:01

标签: firefox css3 safari transform rotation

我有一个Wordpress网站,其中一些CSS3规则适用于一些旋转图像的图像,并且对翻转也有悬停效果。 Safari& S中出现了问题当你将鼠标悬停在这些图像上然后关闭这些图像时,我似乎无法找到Interwebs上的任何类似问题。

请参阅http://tinyurl.com/3n2eude并将鼠标悬停在图像上(然后稍微旋转一下):

  • 会员名称变得模糊,然后恢复正常(Firefox)
  • 会员图片边框变得锯齿状(Firefox)
  • 有时当您在两个成员图像(Safari)之间来回悬停时,会在图像侧面显示一条大黑线

如果我禁用转换:旋转规则,一切都很好。因此似乎是该规则的一个问题。只是无法弄清楚如何解决它。

有人对如何绕过这些或可能导致它的原因有了一些想法吗?

感谢您提出的任何想法!

1 个答案:

答案 0 :(得分:0)

有点问题,但这个问题与浏览器上的渲染有关(根据我的理解)。它无法在CSS / HTML端修复。它必须在用户端修复。

修复:http://www.askvg.com/how-to-enable-direct2d-directwrite-hardware-acceleration-in-mozilla-firefox/
有关问题的更多信息:CSS3 rotate - rendering problems in Firefox and Safari