【问题标题】:png transparent area is white on an iPad在 iPad 上 png 透明区域是白色的
【发布时间】:2019-12-13 21:59:37
【问题描述】:

我正在动态加载具有透明背景的 png 徽标图像。所以基本上标志是彩色的,背景是透明的。

但是为什么在iPad设备上查看网页时图片透明区域是白色的呢?

【问题讨论】:

  • 您有一些代码或示例吗?它在桌面上工作吗?
  • @lharby:谢谢。我只想知道 iPad/iPhone 上的透明 PNG 是否存在常见问题?是的,在普通 PC 浏览器上查看时,透明区域保持透明。
  • 你在使用css重置吗?
  • @henry: thganks。不,我没有使用 css 重置。
  • fwiw,您可以在连接的 iOS 设备或 Xcode 的 iOS 模拟器上运行 Safari(有限,适用于 html/css 开发人员)检查器。连接手机或打开模拟器,打开 Safari,你会在开发者菜单的 iOS 代理中找到它(你可能需要先启用那个菜单)

标签: javascript jquery html css


【解决方案1】:

这个问题已经回答了:Alpha transparent PNGs not displaying correctly in Mobile Safari

根据他的回答,你不能使用 1x1px 的图像,但 2x2px 的图像可以完美地工作!

【讨论】:

  • 这个问题很有趣,但这不是重复的:OP 正在询问具有一些透明区域的图像
【解决方案2】:

我遇到了同样的问题。我用这个css规则解决了这个问题:

background-color: rgba( 255, 255, 255, 0.0);

【讨论】:

    猜你喜欢
    • 2014-11-16
    • 2015-09-05
    • 2022-01-04
    • 2015-06-22
    • 2013-10-24
    • 1970-01-01
    • 2013-03-16
    • 1970-01-01
    • 2015-07-11
    相关资源
    最近更新 更多