Safari中的CSS缩放问题

Question

我一直在尝试使用CSS缩放属性已有一段时间了。我拍了一张1920X1200的大尺寸图片并将其水平切成10片（1920X120各10片）。我正在这样的网页上定位图像 -

<img src="images/img0_01.jpg" style="position:absolute; top:0px; left:0px;">
<img src="images/img0_02.jpg" style="position:absolute; top:120px; left:0px;">
.
.
.
<img src="images/img0_10.jpg" style="position:absolute; top:1080px; left:0px;">

然后我将缩放应用于整个文档 -

$("body").css("zoom","54%"); 

我期待的是将所有10张图片视为单张图片，我在Firefox / Chrome中看到了预期效果。但是在Safari中，我看到了图像之间的间隙（参见附页截图）。怎么解决这个问题？

注意所有图片都将边距，填充和边框设置为0.图像的定位应该只有 top 和 left 值才是绝对的。

非常感谢任何帮助。感谢。

Live Demo

Answer 1

一种快速黑客我发现工作只是使图像相隔119 px而不是120px。在Safari上看起来好多了，在chrome上看起来还不错。