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

时间:2018-08-28 10:59:06

标签: iphone css3 colors transparency

场景:

  • 构建了Angular 6应用,并使用了颜色'#000000b0'作为背景。

问题:

  • 这在台式机上运行良好,但在我的iPhone上却没有。


想知道是否有人看到过这种行为吗?
是否有任何解决方案(除了使用rgba进行着色)

检查https://www.akberiqbal.com/colors.htm上的样本...透明性消失的十六进制颜色代码消失。我正在使用iOS 9.3.2-也会在较新的iPhone上进行检查。

希望记录此案以帮助他人。

谢谢。

enter image description here

1 个答案:

答案 0 :(得分:0)

按照caniuse.com/#search=rgba-尽管该文档是草稿(drafts.c​​sswg.org/css-color/#hex-notation)... 8位十六进制颜色代码不可见的原因iPhone上的任何浏览器都是因为我的iOS版本低于10.3;

8位数的十六进制颜色代码(带有透明性)仅在10.3之前的版本中消失

rgba是可行之路,因为我们仍然有很多使用旧iOS版本的旧设备