给父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
尊重他人劳动成果,共创和谐网络环境。点击版权声明查看本站相关条款。