CSS 使背景色透明但是文字颜色不变

要在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%，而文字保持为黑色不透明。

CSS 使背景色透明但是文字颜色不变

评论已关闭

推荐阅读