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

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


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

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

解决方法:

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

效果如图:

相关推荐
JeffongTan8 小时前
在LWC中镶嵌VF Page获取用户IP
前端·javascript·salesforce
不cong明的亚子10 小时前
web live多屏互动平台
javascript·经验分享·音视频
陆枫Larry11 小时前
Astro 是什么
前端
是立不是利12 小时前
写给设计师的 CSS 博客美学指南
前端·css
dsyyyyy110113 小时前
JS复习,难点,易错点总结
开发语言·javascript·ecmascript
默_笙13 小时前
🏝 Docker 就是"房地产开发":从施工图纸到小区物业的容器化指南
前端·javascript
计算机魔术师13 小时前
Rohan Paul 谈用时间跨度衡量智能体能力,并引用 OpenAI 自动化研究实习生里程碑
前端
kyriewen13 小时前
我手写了个极简版 React Router——才搞懂 v6 为什么砍了这么多 API
前端·javascript·程序员
a11177613 小时前
Shirone 二次元博客主题 开源
前端·开源
IT_陈寒13 小时前
Python的切片赋值把我坑惨了,这不是bug是特性
前端·人工智能·后端