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

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


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

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

解决方法:

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

效果如图:

相关推荐
LSL666_15 小时前
4 jQuery、JavaScript 作用域、闭包与 DOM 事件绑定
前端·javascript·html
yinuo15 小时前
前端跨页面通讯终极指南⑤:window.name 用法全解析
前端
小飞侠在吗15 小时前
vue computed 和 watch
前端·javascript·vue.js
yinuo15 小时前
前端跨页面通讯终极指南④:MessageChannel 用法全解析
前端
诸葛老刘15 小时前
next.js 框架中的约定的特殊参数名称
开发语言·javascript·ecmascript
前端布鲁伊16 小时前
聊聊前端容易翻车的“环境管理”
前端·面试
毕设十刻16 小时前
基于Vue的考勤管理系统8n7j8(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
coding随想16 小时前
掌控选区的终极武器:getSelection API的深度解析与实战应用
java·前端·javascript
嵌入式小能手16 小时前
飞凌嵌入式ElfBoard-文件I/O的深入学习之存储映射I/O
java·前端·学习
沐风。5617 小时前
Object方法
开发语言·前端·javascript