【CSS】opacity 父元素设置透明度影响子元素显示效果解决方案

复制代码
<div class="father">
    <div class="children">
    </div>
</div>


.father{
    background:#000000,
    opacity:0.6
}

给父元素设置透明度时,子元素显示效果会搜到父元素透明度的影响,如下图

解决方法:

复制代码
.father{
    background:regb(0,0,0,0.6)
}

效果如图:

相关推荐
转转技术团队4 分钟前
前端开发应该了解的浏览器背后的黑科技
前端
2503_928411566 分钟前
12.15 element-plus的一些组件(上)
前端·vue.js
JS_GGbond17 分钟前
JavaScript原型链:一份会“遗传”的家族传家宝
前端·javascript
前端达人17 分钟前
CSS终于不再是痛点:2026年这7个特性让你删掉一半JavaScript
开发语言·前端·javascript·css·ecmascript
阿蒙Amon18 分钟前
JavaScript学习笔记:15.迭代器与生成器
javascript·笔记·学习
JS_GGbond22 分钟前
当JS拷贝玩起了“俄罗斯套娃”:深拷贝与浅拷贝的趣味对决
前端·javascript
code_YuJun25 分钟前
脚手架开发工具——npmlog
前端
donecoding25 分钟前
掌握 :focus-within,让你的AI对话输入体验更上一层楼!
前端·人工智能
快乐星球喂25 分钟前
使用nrm管理镜像
前端
用户40993225021226 分钟前
Vue3动态样式管理:如何混合class/style绑定、穿透scoped并优化性能?
前端·ai编程·trae