技术栈

【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
12 分钟前
学习vue第三天 Vue 前端项目结构的说明
前端·vue.js·学习
卷福同学
1 小时前
【AI编程】用Codebuddy+lighthouse开发AI年龄模拟网站
javascript·后端
源力祁老师
1 小时前
Odoo 19 制造与会计集成深度解析
前端·javascript·制造
iFlow_AI
1 小时前
iFlow CLI Hooks 「从入门到实战」应用指南
开发语言·前端·javascript·人工智能·ai·iflow·iflow cli
Maybyy
1 小时前
Chart.js图标绘制工具库
开发语言·javascript·ecmascript
漂流瓶jz
1 小时前
SourceMap数据生成核心原理:简化字段与Base64VLQ编码
前端·javascript·算法
桜吹雪
2 小时前
手搓一个简易Agent
前端·人工智能·后端
诸葛老刘
2 小时前
前端 css中的函数
前端·css
谢尔登
2 小时前
通用会话控制方案
前端·网络协议·tcp/ip·react.js·gitlab
惜茶
2 小时前
websocket操作入门
前端·javascript·websocket
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03BongoCat - 跨平台键盘猫动画工具04安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)05Linux下V2Ray安装配置指南06jdk21下载、安装(Windows、Linux、macOS)07智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践08使用国内镜像网站在线下载安装Qt(解决官网慢的问题)——Qt09Labelme从安装到标注:零基础完整指南102025 最新教程:注册并切换到美区 Apple ID