Safari的渲染内联块的问题由scaleX缩放
这是杯子预览的图像:
预览显示其他div包含的内容,但按比例缩小0.2.为了模拟马克杯的表面曲线,我使用了一种技术,其中预览块的宽度=原始宽度*0.2,并且它们通过scaleX变换缩放,即0.6,0.8,1,0.8.0.6.
它工作正常(我不能使用html5画布,因为它具有交叉浏览器兼容性,这是一项要求),但是,正如你可以在附加图像上看到的那样(顶部图像来自chrome,底部来自safari),safari会呈现不需要的光线.没有任何帮助 - 绝对定位,将一个块放在另一个上以隐藏该光线.这是safari特有的问题,可能是因为在transformX块的壁架被抗锯齿之后,因为scaleX侧壁变得更加明亮.其他浏览器不这样做.
有没有人知道我怎么能修复这个没有那些线在safari中渲染？