3

The app I'm developing has many images with transparent areas (so we can make the image 'skinned' by setting the background-color CSS property).

This works fine in every browser I've tested, except for windows phone, where we get nasty artifacts around the edge of the image -pixel- thin lines at the top and bottom, and sometimes at the sides, of the image.

I've tried setting padding, margin, border to 0px, but the artifact still remains.

The following question recommends setting background-repeat: no-repeat, but that seems only to work for background-image, not background-color:

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

Does anyone know how to override or disable this border?

4

2 回答 2

0

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

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

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

于 2014-01-08T17:21:39.247 回答
0

您能否尝试添加您的图片：-webkit-backface-visibility: hidden

于 2017-02-08T10:24:48.167 回答