技术栈

【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 简化地理空间搜索(二)
相关推荐
不可能片场
3 分钟前
Electron 退化成 node:一个环境变量的锅
前端·electron
楚楚河河
5 分钟前
js 变量声明
前端
Cicada128
13 分钟前
Web 服务器怎么选
运维·服务器·前端
不可能片场
14 分钟前
接口返回 200 不代表活着:catch-all 路由的陷阱
前端·electron
farerboy
19 分钟前
编程技巧:VUE 实现接口返回数据的流式处理
javascript·vue.js
用户92108026286
20 分钟前
Cookie 和 Token,到底谁在负责登录态
前端
阳火锅
21 分钟前
2025,记住这一年!它是古法编程的最后一年。
前端·javascript·面试
sibylyue
23 分钟前
【报表和BI大屏】ECharts数据可视化大屏 / 驾驶舱
前端·信息可视化·echarts
用户92108026286
28 分钟前
为什么 Header 是 HTTP 的灵魂
前端
特立独行的猫A
30 分钟前
AtomMQTT Broker — 用 Rust 实现的轻量级高性能 MQTT 消息代理
前端·后端·架构
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02如何新建文件夹? 电脑新建文件夹的4种方法03历年考研数学一、数学二、数学三真题试卷及答案PDF04GitHub 镜像站点05蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接06微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新072026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?08ZCode 周末送额度活动开启:3 亿 Token 免费领取09Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费10AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路