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

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


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

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

解决方法:

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

效果如图:

相关推荐
旧曲重听17 分钟前
前端需要掌握多少Node.js?
前端·node.js
Mr.Jessy8 分钟前
Web APIs 学习第四天:DOM事件进阶
开发语言·前端·javascript·学习·ecmascript
云枫晖11 分钟前
前端工程化实战:手把手教你构建项目脚手架
前端·前端工程化
醉方休12 分钟前
开发一个完整的Electron应用程序
前端·javascript·electron
故作春风18 分钟前
手把手实现一个前端 AI 编程助手:从 MCP 思想到 VS Code 插件实战
前端·人工智能
不会算法的小灰26 分钟前
Vue.js 基础教程:从入门到实践
前端·javascript·vue.js
掘金一周29 分钟前
没开玩笑,全框架支持的 dialog 组件,支持响应式| 掘金一周 11.6
前端·人工智能
拉不动的猪43 分钟前
浏览器&Websocket&热更新
前端·javascript·vue.js
Never_Satisfied1 小时前
在JavaScript中,将包含HTML实体字符的字符串转换为普通字符
开发语言·javascript·html
im_AMBER1 小时前
React 12
前端·javascript·笔记·学习·react.js·前端框架