javascript - Chrome 失败的图像背景卡住问题

Question

我对 Chrome 有一个奇怪的问题。如果我使用 -webkit-transform 翻转图像，在其顶部显示另一个 div，然后隐藏 div，则图像的一部分在背景中显示为某种幽灵图像。

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

问题仅在chrome中。

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

请抱住我，因为我在这里没有选择

Answer 1

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

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

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