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

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


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

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

解决方法:

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

效果如图:

相关推荐
冬奇Lab1 分钟前
每日一个开源项目(第144篇):ai-website-cloner-template - 一条命令、多 Agent 并行,把任意网站逆向成 Next.js 代码
前端·人工智能·开源
玄玄子16 分钟前
webpack publicPath作用原理
前端·webpack·程序员
HduSy16 分钟前
帮 Claude Code 做了个菜单栏 Token 看板,聊聊里面的一些实现逻辑
前端
minglie18 分钟前
一个置换问题
javascript
用户0595401744620 分钟前
用了6个月LangChain,才发现AI Agent的记忆存储一直有坑——写了23个Pytest用例才彻底修好
前端·css
奶油mm26 分钟前
我偷偷把公司的祖传 jQuery 项目改成了 Vue3,CTO 没发现,但全组都来抄我的代码了
前端
用户21366100357229 分钟前
Vue2非父子通信与动态组件
前端·vue.js
默_笙33 分钟前
🌀 别再手动写 Prompt 了!我让 AI 自己循环改到满意为止
javascript
PedroQue9934 分钟前
Vite插件体系1.0.0:API稳定,生产就绪
前端·vite
用户0595401744636 分钟前
把LLM记忆测试从手工脚本换成Pytest参数化,回归时间从2小时降到10分钟
前端·css