【发布时间】：2011-03-07 09:43:13
【问题描述】：
如果我通过 javascript 将图像元素的 CSS 位置属性设置为浮点数，Firefox 会很好地呈现它，但其他浏览器不会。我可以获得亚像素定位以与其他浏览器一起使用吗？我喜欢无缝放大图像，而不会因为我的值四舍五入而抖动。例如，2.217px; 似乎变成了 '2px;'在除 Firefox 之外的所有浏览器中。通过style.top 或style.webkit-transform: translate(x, y) 设置值会发生这种情况。
【问题讨论】：
-
为什么不在赋值之前自己进行四舍五入呢？这样，您至少会获得一致的结果。
-
@Yaya3：是的，我见过。但这仅显示了如果您通过百分比定义它会发生什么。 @Pekka：是的，实现了一致性，但这不是解决方案。我希望能够缓慢而流畅地放大图像。 Firefox 似乎渲染了整个像素之间的中间步骤（就像 Flash 一样），而其他浏览器则没有。我还查看了 CSS 属性
image-rendering: optimizeQuality;和-ms-interpolation-mode: bicubic;，但也没有骰子。
标签： javascript css