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

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


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

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

解决方法:

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

效果如图:

相关推荐
广州华水科技3 小时前
北斗形变监测传感器在大坝安全监测中的应用与优势分析
前端
孔令飞3 小时前
如何学习Go
前端
HUIBUR科技4 小时前
AI 中枢,面向企业场景构建的 AI 智能体
前端·数据库·人工智能
怕浪猫4 小时前
给AI配一台电脑,开源版Muse来了,OpenMuse赶紧去二次开发吧
javascript·面试·github
随便写个软件4 小时前
【新版本】EasyExplorer资源管理器 3.12.0——地址栏重要更新
运维·服务器·前端·everything·资源管理器
Jack N4 小时前
【Strapi 系列之二】Collection / Single / Component 怎么选?Strapi 字段大全一篇讲透
前端·javascript·strapi
hiahiahia1234 小时前
Agent Tool 执行失败怎么办
服务器·前端
Java后端的Ai之路4 小时前
09-React组件生命周期
前端·react.js·前端框架
IT_陈寒4 小时前
SpringBoot开发实战:从入门到精通
前端·人工智能·后端
乘风gg4 小时前
一个人一个月合并 2500 PRs 的秘密是什么?
前端·ai编程·claude