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

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


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

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

解决方法:

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

效果如图:

相关推荐
NutShell Wang1 天前
Vite 8.1 深度拆解:Rolldown 统一打包器如何终结前端构建的「双引擎时代」
前端·rust·开源·vite·开发者工具·vibe coding
朱容zr3331331 天前
请解释“回表”的概念。
java·前端·数据库
软件技术NINI1 天前
盗墓笔记html+css+js 2页
css·笔记·html
leslie1181 天前
webpack笔记
前端·webpack
宁风NF1 天前
JavaScript:内存、垃圾回收、性能优化
开发语言·前端·javascript·学习·性能优化·es6
勾勾圈圈蛋蛋1 天前
DOM、BOM、DOM操作详解 + 结合Vue响应式关联梳理
前端
打妖妖灵滴哪吒1 天前
IOS模态窗口的作用与设计原则
前端·ui
午安~婉1 天前
挑战二:博客预览卡片
前端·javascript·html
环境栈笔记1 天前
指纹浏览器安全评测方法:核对环境、数据与权限后再选型
前端·人工智能·后端·自动化
打妖妖灵滴哪吒1 天前
前端开发/UI设计师-APP中如何进行可发现性设计
前端·ui