css 对div设置opacity，影响文字透明度的解决办法

书中自有妍如玉

于 2022-11-21 07:00:00 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： css css3 前端

本文链接：https://blog.youkuaiyun.com/qq_26695613/article/details/127866304

134 篇文章

订阅专栏

本文探讨了CSS中使用opacity属性和rgba颜色模式对元素背景色及文字颜色的影响。通过对比两种方式设置背景透明度的效果，指出使用rgba颜色模式能够避免文字颜色受到透明度的影响，从而确保更好的显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

div {  
    background-color: #000;  
     opacity: 0.3;
}

div  {
    background:rgba(0, 0, 0, 0.3);
}

背景颜色没有问题，但是第一种文字颜色明显受到了opacity的影响,因此应采用rgba的方式实现才是最合理的。