如何在CSS中简洁地编写十六进制RGBA颜色？

探索 CSS 中的十六进制 RGBA

说到 CSS 颜色，我们熟悉十六进制表示法，例如表示红色的 #ff0000和 #rgba(255, 0, 0, 0.5) 半透明 红色的。但是，是否有更简洁的方法来以十六进制定义部分透明颜色？问题来了：我们可以写一些像 #ff000088 或 #ff0000 50% 这样的东西，其中最后两位数字（88 或 50%）代表 alpha 值吗？

十六进制 RGBA 的未来 h3>

即将推出的 CSS 颜色模块级别令人兴奋的消息正在等待着我们4！其编辑草案建议引入 4 位和 8 位十六进制 RGBA 表示法。这意味着我们很快就可以定义我们的颜色，例如：

#0000    // 4 digits
#00000000 // 8 digits

当前浏览器支持

不幸的是，在这些之前我们还有一段时间等待新的符号得到广泛支持。然而，这并不意味着我们今天不能开始使用它们。通过包含后备，我们可以确保不支持的浏览器能够正常处理我们的新属性：

figure {
  background: #FEFE7F; // Fallback
  background: rgba(255, 255, 0, 0.5); // Modern browsers
  background: #ffff007F; // Future shorthand
}

以上是如何在CSS中简洁地编写十六进制RGBA颜色？的详细内容。更多信息请关注PHP中文网其他相关文章！