【CSS】opacity 父元素设置透明度影响子元素显示效果解决方案

复制代码
<div class="father">
    <div class="children">
    </div>
</div>


.father{
    background:#000000,
    opacity:0.6
}

给父元素设置透明度时,子元素显示效果会搜到父元素透明度的影响,如下图

解决方法:

复制代码
.father{
    background:regb(0,0,0,0.6)
}

效果如图:

相关推荐
小小小小宇4 分钟前
Chrome 插件在新开页生效
前端
橘子味的冰淇淋~5 分钟前
优化前端性能之从“全局引入”改为“按需引入”
前端·javascript·vue.js
沐灵洛12 分钟前
构建 Mac App Store 应用须知(全)
前端
KaMeidebaby13 分钟前
卡梅德生物技术快报|蛋白修饰调控 NETosis 分子机制及实验研究进展
前端·数据库·人工智能·算法·百度
颜进强17 分钟前
Claude Code -16 文件引用与加载机制完整实践:从 CLAUDE.md 到 Skills 与 Subagents
前端·后端·ai编程
2501_9400417418 分钟前
硬核全栈开发命题,覆盖高并发/实时/微服务
前端
风骏时光牛马25 分钟前
Bash变量未加双引号导致文件名含空格解析异常实战案例
前端
Vennn26 分钟前
Android自动化:使用 Web 方式实现某音未读消息检查与采集
前端·javascript·vue.js
Smilezyl28 分钟前
为了搞懂 AI Agent,我用 6000 行 JS 代码手搓了一个零依赖的 Coding Agent
前端·javascript·github
海鸥-w28 分钟前
前端学习python第三天笔记整理(list 列表,str字符串,tuple元组,set集合,dect,函数,类型注解)
前端·python·学习