我正在开发的应用程序包含许多带透明区域的图像(因此我们可以通过设置background-color
CSS属性来使图像'蒙皮'。)
这在我测试的每个浏览器中都能很好地工作,除了Windows手机,我们在图像的边缘周围产生令人讨厌的瑕疵 - 像素 - 细线在图像的顶部和底部,有时在边缘
我已尝试将padding
,margin
,border
设置为0px,但工件仍然存在。
以下问题建议设置background-repeat: no-repeat
,但这似乎仅适用于background-image
,而不适用于ackground-color
:
Windows Phone IE mobile bugs with transparent background-image and bottom absolute positionning
有谁知道如何覆盖或禁用此边框?
答案 0 :(得分:0)
这可能是使用SVG而不是像png这样使用透明图像的好机会。虽然我倾向于同意bjb568,但Windows Phone没有被广泛使用,但他们的答案是无意义的,并没有帮助提问者或其他任何人查看这个问题。
SVG可以成为开发高分辨率可扩展图形的强大工具,对于移动设备和台式机都没有任何伪像或噪声。 Chris Coyier有一篇很棒的文章。在这里查看> http://css-tricks.com/using-svg/
如果您的图像必须是图像而不是矢量(如照片),您将它们保存为哪种文件格式?请记住在StackOverflow上提问时尽可能详细,以便人们可以为您提供最好的帮助:)
答案 1 :(得分:0)
您可以尝试添加图片: -webkit-backface-visibility:hidden