我是否可以将opacity属性仅分配给div的background属性，而不分配给上面的文本？
我试过了:
background: #CCC;
opacity: 0.6;
但这不会改变不透明度.
推荐答案
听起来您想使用透明背景，在这种情况下，您可以try 使用rgba()函数:
rgba(R、G、B、A)R(红色)、G(绿色)和B(蓝色)可以是
<integer>s或<percentage>s，其中数字255对应于<integer>%.A(Alpha)可以是介于0和1之间的<number>，也可以是<percentage>，其中数字1对应于<integer>%(完全不透明).RGBA示例
background: rgba(51, 170, 51, .1) /* 10% opaque green */ background: rgba(51, 170, 51, .4) /* 40% opaque green */ background: rgba(51, 170, 51, .7) /* 70% opaque green */ background: rgba(51, 170, 51, 1) /* full opaque green */
一个小的example显示如何使用rgba.
截至2018年，几乎有every browser supports the rgba syntax人.
Css相关问答推荐
如何使用css创建带有曲线的自定义按钮
使用背景滤镜时，伪元素出现在div之前
material 设计--Bootstrap输入域问题
你能混合固定/相对定位吗？
使用纯 CSS 访问跨度内容并设置其样式
CSS 内联 Flex 和段落换行
Prettier/VS Code 在 CSS 中的 ！important 之前添加一个空格，导致它在 WordPress 中崩溃
混合网格自动布局与固定的行列位置
使元素不水平滚动
在 CSS 中，如何用破折号填充段落中每一行的空白区域？
具有共享的自动调整列宽的多个 CSS 网格
如何使 css 不重复同一个类？
如何禁用 Angular Material Pagination 按钮的波纹效果？
在 WooCommerce 变体 Select 中转换属性文本以大写
网格区域即使使用 fr 也不会减小其宽度
为什么 flexbox 中的 ![]()
在应用居中时不会调整大小？
Twitter Bootstrap：进度条居中文本
CSS 表格 td 宽度 - 固定，不灵活
Chrome 呈现 colored颜色 的方式与 Safari 和 Firefox 不同
如何重置或覆盖 IE CSS 过滤器？
实用课程推荐