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

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


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

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

解决方法:

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

效果如图:

相关推荐
草字14 分钟前
css flex布局,设置flex-wrap:wrap换行后,如何保证子节点被内容撑高后,每一行的子节点高度一致。
前端·javascript·css
Slice_cy32 分钟前
深入剖析Vue框架:实现精简的computed
前端
在芜湖工作的二狗子32 分钟前
如何用AI Agent提高程序员写作效率
css
局i33 分钟前
ES6 类与继承:现代 JavaScript 面向对象编程
前端·javascript·es6
白菜上路34 分钟前
C# Web API Mapster基本使用
前端·c#
叫我詹躲躲37 分钟前
偷偷收藏!前端老鸟绝不外传的150个JS插件,让你效率翻3倍…
前端·vue.js
会豪39 分钟前
如何让自己的前端项目更优雅
前端
uhakadotcom1 小时前
致新人:如何编写自己的第一个VSCode插件,以使用@vscode/vsce来做打包工具为例
前端·面试·github
流***陌1 小时前
用工招聘小程序:功能版块与前端设计解析
前端·小程序
之恒君1 小时前
typescript(tsconfig.json - esModuleInterop)
前端·typescript