Chrome floped图像背景卡住问题

时间:2012-04-16 12:36:30

标签: javascript jquery google-chrome css3 background

我在Chrome上遇到了一个奇怪的问题。 如果我使用-webkit-transform翻转图像,在顶部显示另一个div然后隐藏div,图像的一部分在背景中显示为某种鬼图像。

这是小提琴 http://jsfiddle.net/fahadnabbasi/d4erm/

问题仅在于chrome。

我正在使用Mac OS X和最新版本的chrome for mac。

请抱着我,因为我没有选择

1 个答案:

答案 0 :(得分:2)

如果您删除-webkit-transform: matrix(1, 0, 0, -1, 0, 0);,问题将不再出现 尝试改为

-webkit-transform: rotateX(180deg); 
-webkit-transform-origin: 50% 28%; 

示例小提琴:http://jsfiddle.net/JHFQV/