Yawee

让父div透明,子div不透明的方法
今天做公司一个项目的时候,又遇到这个问题,给父div设置透明的时候,子div也会跟随透明,就像这样:backgro...
扫描右侧二维码阅读全文
18
2017/11

让父div透明,子div不透明的方法

今天做公司一个项目的时候,又遇到这个问题,给父div设置透明的时候,子div也会跟随透明,就像这样:

background: #000;
opacity: 0.7;

让父div透明,子div不透明的方法

为了不让父div的瑕疵遗传到子级身上,我们可以从父级身上解决问题,既然opacity这个属性会遗传是吧,那我们可以换种方式写呀,background不是有个rgba也可以设置透明嘛,而且background不会继承到子级,这样子就好办了,看效果

background:rgba(0,0,0,.7);
让父div透明,子div不透明的方法 而且,一句代码能搞定的事为嘛非要用两句呢?!   对了,推荐一个十六进制颜色值和透明度在线转换rgba的css的工具,必要时用得上! 让父div透明,子div不透明的方法 http://leegorous.net/tools/bg-alpha.html
Last modification:June 16th, 2018 at 11:06 am
If you think my article is useful to you, please feel free to appreciate

9 comments

  1. 3452712375@qq.com

    但是好像不对头e59e.info有没有创业的草根

  2. 厉害了,又学到一项技能

    1. Yawee
  3. 福利老幺

    你这个主题好漂亮,在哪里可以找到?

    1. Yawee
      @福利老幺

      就是begin主题呢

  4. 实用,收藏了

  5. 所谓缘分

    实用,收藏了

  6. xiaomo

    哥,稳了啊,又学到了一点知识了 :grin:

    1. Yawee
      @xiaomo

      :grin: :grin: 好好加油

Leave a Comment