技术栈

【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 简化地理空间搜索(二)
相关推荐
徐小夕
5 分钟前
我用 AI 撸了个开源"万能预览器":浏览器直接打开 Office、CAD 和 3D 模型
前端·vue.js·github
小码哥_常
20 分钟前
Flutter Android 延迟加载代码指南:提升应用性能的关键
前端
这是个栗子
39 分钟前
TypeScript(三)
前端·javascript·typescript·react
kvo7f2JTy
44 分钟前
基于机器学习算法的web入侵检测系统设计与实现
前端·算法·机器学习
北风toto
1 小时前
前端CSS样式详细笔记
前端·css·笔记
nanfeiyan
1 小时前
git commit
前端
前端精髓
3 小时前
移除 Effect 依赖
前端·javascript·react.js
码云之上
4 小时前
从一个截图函数到一个 npm 包——pdf-snapshot 的诞生记
前端·node.js·github
码事漫谈
4 小时前
AI提效,到底能强到什么程度?
前端·后端
IT_陈寒
4 小时前
React hooks依赖数组这个坑差点把我埋了
前端·人工智能·后端
热门推荐
01GitHub 镜像站点02OpenClaw 请求超时 llm request timed out 怎么解决?3 种方案实测,附完整排查流程03Qwen3.5-Omni与Qwen3.6模型全面解析(含测评/案例/使用教程)04AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南05VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)06Claude Code 未登录 使用第三方模型07Oh My Codex 快速使用指南08UV安装并设置国内源09【技术干货】Gemma 4 上手深度指南:本地多模态大模型的新基线10最新更新版本,OpenClaw v2026.4.2 深度解读剖析:Task Flow 重磅回归与安全架构的全面硬化