小墨の博客

梦想需要付诸行动,否则只能是梦

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

给父div设置透明的时候,子div也会跟随透明,就像这样:

background: #000;opacity: 0.7;

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

background:rgba(0,0,0,.7);

而且,一句代码能搞定的事为嘛非要用两句呢?!

对了,推荐一个十六进制颜色值和透明度在线转换rgba的css的工具,必要时用得上!

http://leegorous.net/tools/bg-alpha.html

✈在新窗口中打开
✈在新窗口中打开(本站镜像)


参考:https://yaw.ee/1859.html

张小弟之家

本文链接:
文章标题:

本站文章除注明转载/出处外,均为原创,若要转载请务必注明出处。转载后请将转载链接通过邮件告知我站,谢谢合作。本站邮箱:admin@only4.work

尊重他人劳动成果,共创和谐网络环境。点击版权声明查看本站相关条款。

    发表评论:

    搜索
    本文二维码
    标签列表
    站点信息
    • 文章总数:508
    • 页面总数:20
    • 分类总数:92
    • 标签总数:208
    • 评论总数:61
    • 浏览总数:225323

    | | |
    | |  Z-Blog PHP