效果图如下所示：
具体思路：
因为设置完背景之后，再使用opacity属性设置透明度会影响其上方的内容，导致上方内容也会产生透明的效果。
所以，需要将背景单独设置一个层，并和文字所在的层重叠且居于其下即可。
注意：两个层的大小要保持一致。
具体实现代码如下所示：
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
本文介绍了如何在CSS中使背景具有透明度，同时保持内容的不透明。关键在于创建一个独立的背景层，使其位于文字层下方并保持相同大小。通过这种方法，可以实现背景透明而不影响内容的效果。
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
