技术栈

【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 简化地理空间搜索(二)
相关推荐
子春一
3 分钟前
Flutter for OpenHarmony:构建一个优雅的 Flutter 每日一句应用,深入解析状态管理、日期驱动内容与 Material 3 交互动效
javascript·flutter·交互
qq_33631393
4 分钟前
javaweb-Ajax
前端·javascript·ajax
豆约翰
5 分钟前
句子单词统计 Key→Value 动态可视化
开发语言·前端·javascript
weixin_45690741
6 分钟前
CSS DSF.soolCXZ LsoolbDSF:html 中 doos() 的 Copy-goos-Prite 实现实验笔记
css·笔记·html
摘星编程
6 分钟前
OpenHarmony环境下React Native:useState函数式更新
javascript·react native·react.js
步达硬件
8 分钟前
【Matlab】修改视频尺寸
前端·matlab·音视频
咕噜咕噜啦啦
9 分钟前
CSS3基础
前端·css·css3
抵梦
9 分钟前
NPM、CNPM、PNPM:Node.js 依赖工具对比与选择
前端·npm·node.js
⑩-
9 分钟前
HTML期末课设作业
css·html
CamilleZJ
13 分钟前
多端ui方案
前端·ui
热门推荐
01GitHub 镜像站点02Clawdbot 中文汉化版 接入微信、飞书03OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)04一种新的LCA算法05Claude Code Skills 实用使用手册06【网络安全测试】Burp Suite工具使用说明、配置及常见问题(有关必回)07在Trae中使用Pencil MCP08零门槛部署本地 AI 助手:Clawdbot/Meltbot 部署深度保姆级教程09UV安装并设置国内源10如何做一个网站?