十六进制透明色在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版本的旧设备

相关问题
最新问题