css 旋转与过渡似乎会影响其他元素的不透明度？

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

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

关于造成这种情况的原因以及如何避免它有什么想法吗？

http://jsfiddle.net/tTa5r/ 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');
});​

-webkit-backface-visibility：隐藏；

也为我工作...将其添加到我已经转换的元素中

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