我在Chrome上遇到了一个奇怪的问题。 如果我使用-webkit-transform翻转图像,在顶部显示另一个div然后隐藏div,图像的一部分在背景中显示为某种鬼图像。
这是小提琴 http://jsfiddle.net/fahadnabbasi/d4erm/
问题仅在于chrome。
我正在使用Mac OS X和最新版本的chrome for mac。
请抱着我,因为我没有选择
答案 0 :(得分:2)
如果您删除-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
,问题将不再出现
尝试改为
-webkit-transform: rotateX(180deg);
-webkit-transform-origin: 50% 28%;