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

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


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

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

解决方法:

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

效果如图:

相关推荐
吠品5 分钟前
PyTorch 踩坑:libtorch_cpu.so 找不到 iJIT_NotifyEvent 符号
前端·vue.js·elementui
qq_2518364578 分钟前
基于java Web 日化商超库存管理系统设计与实现
java·开发语言·前端
xiaofeichaichai10 分钟前
Vue 响应式原理
前端·javascript·vue.js
提子拌饭13310 分钟前
模态窗鸿蒙PC Electron框架实现技术详解 - 饮料含糖量应用案例分析
前端·javascript·华为·electron·前端框架·开源·鸿蒙
佛山个人技术开发1 小时前
个人建站接单|汽车汽配行业宽屏自适应官网模板 工厂企业定制建站源码
前端·css·前端框架·html·汽车·php
光影少年1 小时前
react的Context 和 Redux 区别?
前端·javascript·react.js·前端框架
前端 贾公子1 小时前
uni-app工程化实战:基于vue-i18n和i18n-ally的国际化方案 (上)
前端·javascript·vue.js
喵个咪1 小时前
基于 Flutter 的 Headless CMS 全平台前端架构:技术解析与二次开发导引
前端·flutter·cms
vim怎么退出2 小时前
Dive into React——Diff 算法
前端·react.js·源码阅读
半个落月2 小时前
面试必问的 JS 原型链,我用 16 个示例给你彻底讲明白
javascript