zoukankan      html  css  js  c++  java
  • 关于css中透明度继承的问题

    今天工作中发现了一个问题,透明度的继承问题,如下图所示:

      

    容器div2就“继承了”外面容器div1的透明度,也变成了70%的透明。容器里面的字体颜色和图片都“继承”了div1,具体代码如下:

    可是设计图和客户想要的并不是这样的,只想要使背景透明,里面的具体内容不透明。查了一遍,并没有发现取消透明度的方法

    查了很多,终于有一种方法可以解决这个问题:

    详细代码如下:

    最终实现的效果如下:

    如果外面的容器高度是不定的,那么只需要给div3设置足够高度就可以了。

    如果大家有简便,更好的解决方法,请赐教,谢谢!

  • 相关阅读:
    eclipse建立工作集管理项目
    echarts-x
    GeoJSON
    mysql 5.7 root password 过期
    kubernetes centos7
    JestClient
    树莓派镜像制作
    docker run elasticsearch
    vm.max_map_count
    远程访问jupyter notebook
  • 原文地址:https://www.cnblogs.com/fmyblog/p/5364035.html
Copyright © 2011-2022 走看看