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

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


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

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

解决方法:

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

效果如图:

相关推荐
Highcharts.js10 小时前
赋能金融 SaaS|如何利用 Highcharts 与 Morningstar 数据构建顶级分析仪表盘
前端·金融·echarts·saas·bi·highcharts
啷咯哩咯啷10 小时前
纯本地运行的私人文档知识库
前端·人工智能·后端
❆VE❆10 小时前
基于 contenteditable 实现变量插入富文本编辑器
前端·javascript·vue.js
Aliex_git10 小时前
Nuxt 学习笔记(一)
前端·笔记·学习
烤麻辣烫10 小时前
json与fastjson
前端·javascript·学习·json
小陈同学呦10 小时前
JavaScript 深浅拷贝详解
前端·javascript
六bring个六10 小时前
opencv简单操作(一)
前端·webpack·node.js
小陈同学呦10 小时前
fetch和axios区别
前端·javascript
森叶11 小时前
Electron 实战:用 utilityProcess 开子进程,去端口化承载协议处理,并由主进程拦截渲染请求后统一中转
前端·javascript·electron
精益数智工坊11 小时前
红牌作战是什么?红牌作战的实施步骤与核心要点
大数据·运维·前端·人工智能·精益工程