css rotate with transition 似乎会影响其他元素的不透明度？

Question

我遇到了使用 1s 转换通过 CSS3 转换旋转 DIV 的问题:

在 OSX 10.7.5 上的 Chrome 23 和 Safari 6 中，在 .rotate-divs 转换期间，其他容器中的字体会稍微变暗。

关于导致这种情况的原因以及如何避免它的任何想法？

http://jsfiddle.net/tTa5r/

.rotate{
  background: green;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.rotate.flip{
  -moz-transform: rotate(540deg);
  -webkit-transform: rotate(540deg);
  -o-transform: rotate(540deg);
  transform: rotate(540deg);
}

使用 jquery 添加/删除翻转类:

$('.rotate').on('click', function(){
  $(this).toggleClass('flip');
});​

Answer 1

-webkit-backface-visibility: hidden;

也对我有用...将它添加到我已经转换的元素中

附注我会投票赞成以前的答案，但我不能，因为我没有足够的“声誉”，也看不到如何评论它