6

这是杯子预览的图像:

在此处输入图像描述

预览显示其他 div 包含的内容,但按比例缩小了 0.2。为了模拟杯子的表面曲线,我使用了一种技术,其中预览块的宽度 = 原始宽度*0.2,它们通过scaleX变换缩放 0.6、0.8、1、0.8。0.6。

它工作正常(由于跨浏览器兼容性,我不能使用 html5 画布,这是一项要求),但是,正如您在附加图像上看到的(顶部图像来自 chrome,底部来自 safari),safari 呈现不需要的光线。没有任何帮助 - 绝对定位,将一个块放在另一个块上以隐藏那条光线。这是 safari 特有的问题,可能是因为在transformX对块的边缘进行了抗锯齿处理之后,并且由于scaleX,侧边缘变得更加明亮。其他浏览器不这样做。

有谁知道我该如何解决这个问题以在 safari 中没有这些行的情况下进行渲染?

4

1 回答 1

0

尝试使用background-size而不是transform: scale.

于 2012-11-19T21:33:32.727 回答