15621857753

CSS透明遮罩:rgba与opacity的区别

来源:齐鲁建站 栏目:建站教程 阅读: 日期:2020-12-30

本文主要介绍了rgba与opacity的区别,这两个元素是CSS透明遮罩常用的方法,使用不当的话会出现意想不到的错误,有此需要的朋友可以看看,值得参考。

响应式网站建设

CSS透明遮罩:rgba与opacity的区别

一、如果想要所有元素全部透明,父级使用opacity,子级也将继续透明,写法:opacity:0.3

二、如果想要父级透明,子级不透明,父级使用background: rgba(0, 0, 0, 0.5);子级使用position:absolute浮动在父级上面

以上就是关于CSS透明遮罩的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~

公众号二维码

展开