css 实现背景图片透明文字不透明
要实现背景图片透明而文字不透明，可以使用CSS中的rgba颜色格式来设置背景色，并确保文字的颜色是opacity: 1（默认即为不透明）。
以下是实现这一效果的CSS代码示例：
.transparent-bg {
background-image: url('path/to/your/image.jpg'); /* 设置背景图片 */
background-color: rgba(255, 255, 255, 0.5); /* 设置半透明背景，可以调整最后一个值来改变透明度 */
}
.transparent-bg h1, .transparent-bg p {
color: #000; /* 文字颜色设置为不透明黑色 */
opacity: 1; /* 文字透明度为1（不透明） */
}HTML部分：
<div class="transparent-bg">
<h1>这是不透明的标题</h1>
<p>这是不透明的段落。</p>
</div>在这个例子中，.transparent-bg 类设置了一个半透明的背景图片，而其中的h1和p元素文字则保持不透明。可以通过调整background-color中的rgba的最后一个值来改变透明度。
评论已关闭