CSS 半透明背景色属性值转换 前端开发仓库

使用 opacity 属性会将所有内容都变成半透明,并非半透明背景,而通过使用 RGBA 色彩能达到半透明背景效果。

加上 IE 私有滤镜 Filter 的结合使用,让一些低版本的 IE 浏览器也支持背景色半透明效果。

PS: 该方法只支持纯色半透明背景。

转换设置

样式名
背景色
HEX色值格式为:#FF6600、FF6600、#F60、F60
透明度
透明度值格式为:0 ~ 0.99 或 1 ~ 100 之间的数值(1 和 100 都表示不透明)

参考资料

背景半透明最佳实践

备用

CSS背景颜色属性值转换 - 林小志

CSS背景颜色属性值转换 - 愚人码头