在 iPhone (safari/Chrome) 上不可见的十六进制透明颜色

Question

场景：

• 构建了一个 Angular 6 应用程序并使用颜色“#000000b0”作为背景。

问题：

• 这在桌面上运行完美，但在我的 iPhone 上没有出现。

想知道是否有其他人看到了这种行为？
任何解决方案（除了使用 rgba 颜色）?

检查 https://www.akberiqbal.com/colors.htm 上的示例...带透明度的十六进制颜色代码消失了。我正在使用 iOS 9.3.2 - 也会检查较新的 iPhones。

想记录这个案例以帮助其他人。

谢谢。

Answer 1

根据 caniuse.com/#search=rgba - 虽然文档是草稿（drafts.csswg.org/css-color/#hex-notation）... 8 位十六进制的原因在我的 iphone 上的任何浏览器上都看不到颜色代码是因为我的 iOS 早于 10.3；

8 位十六进制颜色代码（带透明度）在 10.3 之前的版本上消失了

rgba 是可行的方法，因为我们仍然有很多使用旧 iOS 版本

的旧设备