CSS背景色#06060638在部分设备不显示原因排查请求

嘿，这个坑我之前踩过！你用的background-color: #06060638是8位十六进制颜色值，其中最后两位38代表透明度通道（Alpha）。这种写法确实会在部分设备/浏览器上失效，核心原因是兼容性问题：

• 8位十六进制颜色（#RRGGBBAA）是CSS Color Module Level 4的新特性，只有较新版本的现代浏览器（比如Chrome 61+、Firefox 52+、Safari 12.1+）才支持。一些旧版本的浏览器，比如安卓系统自带的老版Chrome、iOS 12以下的Safari，或者某些小众浏览器，还没实现这个标准，会直接忽略这个无效的颜色值，导致背景色不显示。
• 对比之下，我们常用的rgba()函数（比如rgba(6, 6, 6, 0.22)，这里0.22对应#38的透明度：56/255≈0.22）属于CSS Color Module Level 3的特性，支持度要广泛得多，几乎所有主流浏览器（包括不少旧版本）都能正常解析。
• 另外，部分低端移动设备的系统浏览器，对CSS新特性的适配性很差，即使版本不算特别老，也可能出现无法识别8位十六进制颜色的情况。

快速解决办法 #

你可以把代码改成兼容更广的写法：

/* 先写老浏览器支持的rgba版本 */
background-color: rgba(6, 6, 6, 0.22);
/* 再写8位十六进制版本，新浏览器会自动覆盖 */
background-color: #06060638;

这样既能保证旧设备正常显示，新设备也能用上更简洁的写法。

内容的提问来源于stack exchange，提问作者kannan D.S