技术栈

【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 简化地理空间搜索(二)
相关推荐
wscats
1 天前
Markdown 编辑器技术调研
前端·人工智能·markdown
EnoYao
1 天前
Markdown 编辑器技术调研
前端·javascript·人工智能
JIngJaneIL
1 天前
基于java+ vue医院管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
JIngJaneIL
1 天前
基于java + vue校园跑腿便利平台系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
前端要努力
1 天前
月哥创业3年,还活着!
前端·面试·全栈
sao.hk
1 天前
ubuntu2404安装k3s
前端·chrome
cos
1 天前
Worktrunk 完全指南:让 Git Worktree 和 Claude Code 和平共处
前端·ai编程·claude
不哦罗密经
1 天前
python相关
服务器·前端·python
ji_shuke
1 天前
opencv-mobile 和 ncnn-android 环境配置
android·前端·javascript·人工智能·opencv
神说要有光_zy
1 天前
极其矛盾又顺其自然的2025
前端
热门推荐
01GitHub 镜像站点02Linux下V2Ray安装配置指南03jdk21下载、安装(Windows、Linux、macOS)04Claude Code Skills 实用使用手册05从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击06UV安装并设置国内源07【踩坑笔记】50系显卡适配的 PyTorch 安装08手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!092025 最新教程:注册并切换到美区 Apple ID10祝大家 2026 年新年快乐,代码无 bug,需求一次过