CSS + WinPhone IE：将背景颜色添加到 img 时的伪影答案

【问题标题】：CSS + WinPhone IE: Artifacts when adding background-color to imgCSS + WinPhone IE：将背景颜色添加到 img 时的伪影
【发布时间】：2013-03-30 17:30:58
【问题描述】：

我正在开发的应用程序有许多带有透明区域的图像（因此我们可以通过设置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

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

【问题讨论】：

尝试使用带有display: block;的图片
你试过添加透明边框吗？

标签： css windows-phone-7 internet-explorer-9 background-color

【解决方案1】：

您可以尝试添加您的图片吗： -webkit-backface-visibility: 隐藏

【讨论】：

【解决方案2】：

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

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

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

【讨论】：