背景透明、文字不透明最简单的CSS方法 - background-color:rgba(229,52,51,0.75);_CSS学习

资料来源：网络整理时间：2023/3/4 0:55:58 共计：3627 浏览

在写这段代码的时候，遇到了一个问题，就是要求背景红色有透明度，但文字上的颜色不能透明，不然真的不好看。

如果直接使用

filter:alpha(opacity=80);opacity:0.8 这段解决，则可以把div全部进行透明化，包括文字了，就很难看！找来找去，最简单的方法：

background-color:rgba(229,52,51,0.75);

颜色使用rgba，最后一个0.75就是透明度了，这种办法可以解决文字透明的问题，使文字不再透明！
当然，还有一种方法，就是对文字进行相对定位，使其悬浮在背景图中间，这种方法是比较繁琐一些，有机会以后再分享。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。