问题描述
我有一个WordPress的网站，一些CSS3规则适用于一些旋转图像的图像，并在滚动上也有悬停效果。 Safari浏览器出现问题火狐当你悬停，然后关闭这些图像，我似乎无法找到Interwebs上的人的任何类似的问题。请参阅，然后将鼠标悬停在图片上（略有旋转的图片）：
- 成员名称变得模糊，然后恢复正常（Firefox）
- 成员图像边框变得锯齿状（Firefox）
$ $ b如果我禁用了transform：rotate规则，那没关系。这似乎是这个规则的问题。只是不能解决如何解决它。
任何人有什么想法，我怎么能解决这些或可能导致它？ b
$ b感谢您提供的任何建议！
解决方案问题与浏览器上的呈现（从我所了解的）有关。它不能被固定在CSS / HTML端。它必须固定在用户端。
修复：
I've got a Wordpress site with some CSS3 rules applied to some images that rotate the images and have a hover effect on rollover too. Problems are showing up in Safari & Firefox when you hover on and then off these images and I can't seem to locate any similar issues by people on the Interwebs.
See http://tinyurl.com/3n2eude and hover on and then off the images (the slightly rotated ones):
- Member name goes blurry and then back to normal (Firefox)
- Member image border becomes jagged (Firefox)
- A big black line displays to the side of the member images sometimes when you hover back and forth between two member images (Safari)
If I disable the transform:rotate rules, it's all fine. So seems to be an issue with that rule. Just can't work out how to get around it.
Anybody got some ideas on how I could get around these or what might be causing it?
Thanks for any ideas you might have!
解决方案Bit old of a question but that problem is related with rendering on browser (from what I understood). It cannot be fixed on CSS/HTML side. It must be fixed on user side.
Fix: http://www.askvg.com/how-to-enable-direct2d-directwrite-hardware-acceleration-in-mozilla-firefox/
More information about problem: CSS3 rotate - rendering problems in Firefox and Safari这篇关于CSS3错误 - 使用transform时的问题：旋转规则（Safari + Firefox）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！