技术栈

【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 简化地理空间搜索(二)
相关推荐
colicode
19 分钟前
C#语音验证码API示例代码:快速实现.NET环境下的语音验证调用逻辑
前端·前端框架·语音识别
陆枫Larry
1 小时前
uni-swipe-action 从编辑页返回后滑动按钮仍显示的问题
前端
大时光
1 小时前
gsap 配置解读 --4
前端
Zachery Pole
1 小时前
JAVA_03_运算符
java·开发语言·前端
Lyda
1 小时前
i18n Ally Next:重新定义 VS Code 国际化开发体验
前端·javascript·后端
xiao阿娜的妙妙屋1
1 小时前
Seedance2.0在哪可以用?自媒体人狂喜!这款AI视频神器我吹爆了
前端
橙序员小站
1 小时前
程序员如何做好年夜饭:用系统设计思维搞定一桌硬菜
前端·后端
瞌睡不醒
1 小时前
在行情面板中加入 K 线:一次结构升级的实现过程
前端
Flywith24
1 小时前
【2025 年终总结】北漂五年,而立,婚礼,折叠车
android·前端·程序员
热门推荐
01GitHub 镜像站点02Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services03爬虫逆向之观安(观镜WEB应用安全防护系统)04openClaw安装飞书插件|核心踩坑:spawn EINVAL 错误终极解决指南05UV安装并设置国内源06HTB 赛季10 - Pterodactyl - user07BongoCat - 跨平台键盘猫动画工具08243 行 microGPT:把“训练 + 推理”拆到骨头里09AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南10openclaw配置教程(linux+局域网ollama)