技术栈

【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 简化地理空间搜索(二)
相关推荐
明月_清风
1 天前
自定义右键菜单:在项目里实现“选中文字即刻生成新提示”
前端·javascript
明月_清风
1 天前
告别后端转换:高质量批量导出实战
前端·javascript
刘发财
1 天前
弃用html2pdf.js,这个html转pdf方案能力是它的几十倍
前端·javascript·github
牛奶
1 天前
2026年大模型怎么选?前端人实用对比
前端·人工智能·ai编程
牛奶
1 天前
前端人为什么要学AI?
前端·人工智能·ai编程
Kagol
1 天前
🎉OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用!
前端·开源·agent
GIS之路
1 天前
ArcGIS Pro 中的 notebook 初识
前端
JavaGuide
1 天前
7 道 RAG 基础概念知识点/面试题总结
前端·后端
ssshooter
1 天前
看完就懂 useSyncExternalStore
前端·javascript·react.js
格砸
1 天前
从入门到辞职|从ChatGPT到OpenClaw,跟上智能时代的进化
前端·人工智能·后端
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03OpenClaw + 飞书(Feishu)环境搭建指南04Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services05OpenClaw优化飞书API 额度已耗尽问题06小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)07Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤08Window 10部署openclaw报错node.exe : npm error code 12809【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆10网站改了域名,如何查找?