技术栈

【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 简化地理空间搜索(二)
相关推荐
框架图
7 分钟前
Html语法
前端·html
深耕AI
21 分钟前
【wordpress系列教程】07 网站迁移与备份
运维·服务器·前端·数据库
月空MoonSky
30 分钟前
解决使用Notepad++出现异型字或者繁体字体问题
java·javascript·notepad++
joan_85
1 小时前
input禁止自动填充
前端·elementui·vue
研☆香
1 小时前
简单的复选框 全选 反选功能
javascript
林间风雨
1 小时前
layui 2.9.16 版本,根据字段字数最大数,表格自适应字段宽度
前端·javascript·layui
hzb66666
1 小时前
xd_day47文件上传-day55xss
javascript·学习·安全·web安全·php
木子啊
1 小时前
HTML防窥技巧:让源码难以偷窥
前端·html·查看源码·禁止查看源码
梦650
2 小时前
前端路由守卫:掌控页面跳转的 “守门人”
前端
热门推荐
01GitHub 镜像站点02OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)03在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)04Claude Code Skills 实用使用手册05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06BongoCat - 跨平台键盘猫动画工具07UV安装并设置国内源08Linux下V2Ray安装配置指南09AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南10Labelme从安装到标注:零基础完整指南