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

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


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

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

解决方法:

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

效果如图:

相关推荐
特立独行的猫A6 小时前
一份代码,多端产物:仓颉语言的cj-tauri 框架开发桌面和鸿蒙应用指南
前端
代码猎人6 小时前
前端怎么精通Vue3核心原理
前端
不可能片场6 小时前
工程实践 台账备份从全量复制改成增量日志
前端·electron
2603_965896626 小时前
CSS BEM 命名规范|组件化样式分层权威指南
前端·javascript·css
进击的明明6 小时前
前端开发中的 BEM 国际命名规范:让 CSS 不再"打架"
前端·css·html
deli0076 小时前
中文在网址里为什么变成 E4B8AD?URL 编码 22 组用例实测
前端
羲云6 小时前
MOSS-Image 开源后爆火:5B 生图模型真正值得关注的,是可控排版
前端
BreezeJiang6 小时前
闭包和 useState 是两个知识点?你可能只学了半条作用域链
前端·面试
2601_958352907 小时前
一款模块通吃15类语音产品?AN-93如何实现录音笔、门禁、IPC的快速适配
前端·人工智能·嵌入式硬件·回声消除·降噪处理
子兮曰7 小时前
Bun v1.4.4 实测:2,025 个文件,bun fmt 2.6 秒跑完
前端·后端·bun