rgba()的alpha值必须是0--1小数而非百分比或整数；仅透明背景用rgba()，整体透明用opacity；IE8需前置fallback色值；backdrop-filter生效需背后有真实内容。rgba() 里 alpha 值不是百分比，是 0--1 的小数很多人写 rgba(0, 0, 0, 50%) 或 rgba(0, 0, 0, 50)，结果背景不透明------浏览器直接忽略整条声明。CSS 的 rgba() 第四个参数必须是 0 到 1 之间的小数，0.5 才等于 50% 透明度。常见错误现象：background-color: rgba(255, 255, 255, 100) 看似"100% 不透明"，实际无效；rgba(0, 0, 0, 0.0) 是完全透明，rgba(0, 0, 0, 1.0) 是完全不透明。alpha = 0.0：背景彻底消失（但元素仍占位）alpha = 0.8：适合蒙层，文字可读又压得住底图alpha = 0.1：极淡遮罩，常用于 subtle hover 效果透明背景和 opacity 的关键区别在哪opacity 会让整个元素（包括子内容、边框、阴影）一起变透明；而 rgba() 只作用于当前颜色属性（比如 background-color），文字、子元素保持原样。使用场景：做卡片浮层时，用 background-color: rgba(255, 255, 255, 0.9) 能让背景微透、文字清晰；若误用 opacity: 0.9，标题和按钮也会发虚，可读性下降。立即学习"前端免费学习笔记（深入）"； Ideogram Ideogram是一个全新的文本转图像AI绘画生成平台，擅长于生成带有文本的图像，如LOGO上的字母、数字等。
相关推荐
梦想三三2 分钟前
【NLP入门到实战】TF-IDF算法详解 + 红楼梦120回关键词提取弹简特2 分钟前
【零基础学Python】05-Python函数完全指南：从初阶定义到进阶参数，一篇打通核心难点曹牧11 分钟前
Oracle：嵌套子查询王莎莎-MinerU11 分钟前
Agent 时代，科学数据 API 需要重新设计jghhh0112 分钟前
MATLAB蒙特卡罗方法求解伊辛模型一个天蝎座 白勺 程序猿14 分钟前
时序大模型云服务快速上手：定义与核心能力sukioe17 分钟前
Redis 数据类型入门：5 大核心类型与常见业务场景学地理的小胖砸18 分钟前
【批量处理tiff文件生成jpg缩略图】承渊政道21 分钟前
【MySQL数据库学习】(MySQL数据类型)机汇五金_21 分钟前
通信设备防雨箱如何兼顾防护与散热？