技术栈

【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 简化地理空间搜索(二)
相关推荐
whinc
6 小时前
JavaScript技术周刊 2026年第18周
javascript
码海扬帆:前端探索之旅
6 小时前
深度定制 uni-combox:新增功能详解与实战指南
前端·vue.js·uni-app
谷雨不太卷
6 小时前
进程的状态码
java·前端·算法
打小就很皮...
6 小时前
基于 Python + LangChain + RAG 的知识检索系统实战
前端·langchain·embedding·rag
whinc
6 小时前
JavaScript技术周刊 2026年第17周
javascript
BJ-Giser
6 小时前
Cesium 烟雾粒子特效
前端·可视化·cesium
空中海
6 小时前
02 ArkTS 语言与工程规范
java·前端·spring
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03零基础教你claude code 接入 deepseek V404CC-Switch & Claude 基于 Linux 服务器安装使用指南05要裂开了!ChatGPT要手机号验证了?注册Codex要求验证电话号码怎么办?2026年登陆Codex要手机号验证的解决办法06【AI】2026 年具身智能模型和世界模型总结07Windows端Codex接入第三方模型(DeekSeek,BaiLian)08Dirtyfrag漏洞:我花了一下午搞清楚这个Linux内核提权漏洞到底在搞什么09裂开!ChatGPT 居然开始要手机号验证,附详细解决方法10几个好用的ip纯净度检测网站