技术栈

【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 简化地理空间搜索(二)
相关推荐
hhcccchh
15 小时前
学习vue第三天 Vue 前端项目结构的说明
前端·vue.js·学习
卷福同学
16 小时前
【AI编程】用Codebuddy+lighthouse开发AI年龄模拟网站
javascript·后端
源力祁老师
16 小时前
Odoo 19 制造与会计集成深度解析
前端·javascript·制造
iFlow_AI
16 小时前
iFlow CLI Hooks 「从入门到实战」应用指南
开发语言·前端·javascript·人工智能·ai·iflow·iflow cli
Maybyy
16 小时前
Chart.js图标绘制工具库
开发语言·javascript·ecmascript
漂流瓶jz
16 小时前
SourceMap数据生成核心原理:简化字段与Base64VLQ编码
前端·javascript·算法
桜吹雪
16 小时前
手搓一个简易Agent
前端·人工智能·后端
诸葛老刘
17 小时前
前端 css中的函数
前端·css
谢尔登
17 小时前
通用会话控制方案
前端·网络协议·tcp/ip·react.js·gitlab
惜茶
17 小时前
websocket操作入门
前端·javascript·websocket
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03BongoCat - 跨平台键盘猫动画工具04Linux下V2Ray安装配置指南05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06Valdi:Snapchat 开源的新一代跨平台 UI 框架07Labelme从安装到标注:零基础完整指南082025 最新教程:注册并切换到美区 Apple ID09综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件10jdk21下载、安装(Windows、Linux、macOS)