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/