技术栈

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

小墨鱼_z2024-06-07 20:59
复制代码
<div class="father">
    <div class="children">
    </div>
</div>


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

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

解决方法:

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

效果如图:

上一篇:C语言之函数递归
下一篇:城市之旅:使用 LLM 和 Elasticsearch 简化地理空间搜索(二)
相关推荐
货拉拉技术
几秒前
个人提效,攒不成组织提效:货拉拉 AI Coding 落地实践
前端
雪芽蓝域zzs
17 分钟前
第四十七节:驾驶舱大屏 ECharts 图表集成
前端·javascript·vue.js
Software攻城狮
25 分钟前
【React 学习方向(项目上手注意点)】
前端
林太白
1 小时前
js-var和let以及const区别
前端·面试
看谷秀
1 小时前
arkts-10 实战
前端·arkts
范小兵
1 小时前
# DevEco CLI实战:鸿蒙App「至客」从0开发到正式上架
前端·harmonyos
梦醒沉醉
1 小时前
7、表达日期和时间(前朝遗老Date)
javascript
半生过往
1 小时前
前端工程师学习智能体开发(一)
前端·学习·状态模式
白雾茫茫丶
2 小时前
Vibecoding 一个主题切换动画库:13 种揭幕方式
前端·vue.js·react.js
计算机魔术师
2 小时前
谷歌宣布 TPU 互联架构支持 100 万芯片规模,电力供应成 AI 基建核心瓶颈
前端
热门推荐
01数学公理体系大全:第六章 选择公理的等价形式及证明02国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)03历年考研数学一、数学二、数学三真题试卷及答案PDF04GitHub 镜像站点05微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新06蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接072026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?08人工智能(AI)发展史:详细里程碑09ZCode 周末送额度活动开启:3 亿 Token 免费领取10【一等奖版】2026 国赛 A题 药材的烘干问题