技术栈

【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 简化地理空间搜索(二)
相关推荐
坚持就完事了
4 分钟前
CSS-4:CSS的三大特性
前端·css
坚持就完事了
14 分钟前
CSS-3:背景设置
前端·css·html
坚持就完事了
15 分钟前
CSS-2:CSS的元素显示模式
前端·css
肠胃炎
27 分钟前
Flutter 基础组件
前端·flutter
酥风
37 分钟前
AI概念解惑系列 - RAG
前端·llm·aigc
djk8888
39 分钟前
多标签页导航后台模板 html+css+js 纯手写 无第三方UI框架 复制粘贴即用
javascript·css·html
IT_陈寒
42 分钟前
Redis深度优化:10个让你的QPS提升50%的关键配置解析
前端·人工智能·后端
Hilaku
1 小时前
别再吹性能优化了:你的应用卡顿,纯粹是因为产品设计烂🤷‍♂️
前端·javascript·代码规范
驯狼小羊羔
1 小时前
学习随笔-hooks和mixins
前端·javascript·vue.js·学习·hooks·mixins
r***8698
1 小时前
Redis 6.2.7安装配置
前端·数据库·redis
热门推荐
01今天 Cloudflare 全球事故,连 GPT 和你的网站都一起“掉线”了02GitHub 镜像站点03UV安装并设置国内源04安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)05BongoCat - 跨平台键盘猫动画工具06swagger xss漏洞复现07Valdi:Snapchat 开源的新一代跨平台 UI 框架08Linux下V2Ray安装配置指南09Labelme从安装到标注:零基础完整指南102025 最新教程:注册并切换到美区 Apple ID