CSS + WinPhone IE : Artifacts when adding background-color to img

Question

我正在开发的应用程序有许多带有透明区域的图像(因此我们可以通过设置 background-color CSS 属性使图像“蒙皮”)。

这在我测试过的每个浏览器中都运行良好，除了 Windows Phone，我们在图像的边缘周围得到了令人讨厌的伪影 - 像素 - 图像顶部和底部的细线，有时在图像的两侧.

我已经尝试将 padding、margin、border 设置为 0px，但瑕疵仍然存在。

下面的问题建议设置background-repeat: no-repeat，但这似乎只适用于background-image，不适用于background-color:

Windows Phone IE mobile bugs with transparent background-image and bottom absolute positionning

有谁知道如何覆盖或禁用此边框？

Answer 1

这可能是使用 SVG 而不是使用 png 等透明图像的好机会。虽然我倾向于同意 bjb568 的观点，即 Windows Phone 并未得到广泛使用，但他们的回答是非建设性的，对提问者或任何其他查看此问题的人都没有帮助。

SVG 可以成为一种非常强大的工具，用于为移动设备和桌面开发零伪影或零噪声的高分辨率可缩放图形。 Chris Coyier 对此有一篇很棒的文章。在这里查看 > http://css-tricks.com/using-svg/

如果您的图像必须是图像而不是矢量(如照片)，您将它们保存为什么文件格式？请记住在 StackOverflow 上提问时尽可能详细，以便人们可以最好地帮助您 :)