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

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


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

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

解决方法:

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

效果如图:

相关推荐
点正10 小时前
详解TypeScript项目引用(Project References)中rootDir的坑:composite:true下为何不能指定rootDir
前端·next.js
向前跑丶加油10 小时前
tailwindcss构建执行npm exec tailwindcss init -p 报错
前端·npm·node.js
gustt10 小时前
手写 Mini React:深入理解 createElement 和 render 原理
前端·react.js
陈随易10 小时前
向日葵+AI,远程操控又进化了
前端·后端·程序员
Han.miracle10 小时前
万字详解 Lombok 构造方法注解:@AllArgsConstructor 非空校验实现与最佳实践
java·前端·数据库
Mintopia10 小时前
现代 CSS 使用技巧(进阶篇):从布局到性能的实战方法
前端·css
换个网名有点难10 小时前
Openclaw中NODE踩坑,NPM、PNPM和CNPM有什么区别
前端·npm·node.js
catchadmin10 小时前
Chrome DevTools MCP 让 AI 无缝接管浏览器调试会话
前端·chrome·chrome devtools
Cobyte10 小时前
30行代码,一个循环:这就是AI Agent的核心秘密—Agent Loop
前端·后端·aigc
hashiqimiya10 小时前
spring框架springbean依赖及单一项目
java·前端·spring