谷歌浏览器十六进制颜色的 8位颜色兼容性问题 / hex颜色加透明度
之前无意间发现,谷歌浏览器支持在十六进制颜色后加两位数的颜色模式,即8位数的颜色,最后两位表示透明度。
后来我觉得种颜色模式非常好用,于是就用于了平时的代码中,可是后来发现这种8位颜色的写法 并不兼容其他某些浏览器,所以请问一下 有没有更了解这种方式的同学 可以分享一下经验,或者这种8位颜色的写法怎么做兼容性?
下面是我今天写的一个测试,证明了8位数颜色的后两位为透明度参数(后两位从01~99,分别表示从透明度1%~99%)
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.box{
width: 200px;
height: 200px;
background: #ff660090;
z-index: 99;
position: absolute;
top: 100px;
left: 100px;
}
.xxx{
width: 200px;
height: 200px;
background: #000;
z-index: 1;
}
</style>
</head>
<body>
<div class="box"></div>
<div class="xxx"></div>
</body>
</html>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
不止0到99 实际是00 到FF 也是16进制
用rgba不行吗