CSS + WinPhone IE:向img添加背景颜色时的工件

时间:2013-04-08 14:56:58

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

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

这在我测试的每个浏览器中都能很好地工作,除了Windows手机,我们在图像的边缘周围产生令人讨厌的瑕疵 - 像素 - 细线在图像的顶部和底部,有时在边缘

我已尝试将paddingmarginborder设置为0px,但工件仍然存在。

以下问题建议设置background-repeat: no-repeat,但这似乎仅适用于background-image,而不适用于ackground-color

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

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

2 个答案:

答案 0 :(得分:0)

这可能是使用SVG而不是像png这样使用透明图像的好机会。虽然我倾向于同意bjb568,但Windows Phone没有被广泛使用,但他们的答案是无意义的,并没有帮助提问者或其他任何人查看这个问题。

SVG可以成为开发高分辨率可扩展图形的强大工具,对于移动设备和台式机都没有任何伪像或噪声。 Chris Coyier有一篇很棒的文章。在这里查看> http://css-tricks.com/using-svg/

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

答案 1 :(得分:0)

您可以尝试添加图片: -webkit-backface-visibility:hidden