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

<div class="father">
    <div class="children">
    </div>
</div>


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

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

解决方法:

.father{
    background:regb(0,0,0,0.6)
}

效果如图:

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-06-08 07:54:06       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-08 07:54:06       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-08 07:54:06       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-08 07:54:06       20 阅读

热门阅读

  1. uni-app的生命周期(应用,页面生命周期)

    2024-06-08 07:54:06       10 阅读
  2. 微信小程序实现图片转base64

    2024-06-08 07:54:06       11 阅读
  3. [力扣题解] 700. 二叉搜索树中的搜索

    2024-06-08 07:54:06       11 阅读
  4. 源码讲解kafka 如何使用零拷贝技术(zero-copy)

    2024-06-08 07:54:06       10 阅读
  5. Ajax+axios案例

    2024-06-08 07:54:06       8 阅读
  6. 汽车网络安全深入分析

    2024-06-08 07:54:06       9 阅读
  7. 汽车销售门店零售价格违规检查的实践经验方法

    2024-06-08 07:54:06       14 阅读
  8. Python 设计模式(结构型)

    2024-06-08 07:54:06       7 阅读
  9. C++ 数据共享与保护学习记录【代码】

    2024-06-08 07:54:06       8 阅读
  10. 算法:283. 移动零

    2024-06-08 07:54:06       9 阅读
  11. 等保测评3级-技术测评要求 上

    2024-06-08 07:54:06       7 阅读
  12. k8s网络问题以及容器跨宿主机通信原理

    2024-06-08 07:54:06       6 阅读