CSS 使背景色透明但是文字颜色不变
warning:
这篇文章距离上次修改已过440天，其中的内容可能已经有所变动。
要在CSS中实现背景色透明但文字颜色不变，可以使用rgba颜色格式为元素设置背景色，并确保文字颜色是使用十六进制颜色代码或者rgb格式。
.transparent-bg {
/* 设置半透明背景 */
background-color: rgba(255, 255, 255, 0.5); /* 白色背景，50% 透明度 */
/* 确保文字颜色不受背景透明度影响 */
color: #000000; /* 文字颜色为黑色 */
}HTML 示例：
<div class="transparent-bg">这段文字的颜色不会透明，而背景将是半透明的。</div>在这个例子中，.transparent-bg 类应用于一个元素，该元素的背景色将是白色的，并且透明度是50%，而文字保持为黑色不透明。
评论已关闭