CSS背景颜色半透明

CSS3为我们提供了背景颜色半透明的效果。

写法:

background: rgba(0,0,0,0.3);
  • 最后一个参数是alpha透明度,取值范围在0~1之间。(0~1由浅到深。值为0无颜色,值为1原颜色)
  • 我们习惯把0.3的0省略掉,写为 background:rgba(0,0,0,.3);
  • 注意:背景半透明是指盒子背景半透明,盒子里面的内容不受影响
  • CSS3新增属性,是IE9+版本浏览器才支持的。但是现在实际开发我们不太关注兼容性写法了,可以放心使用

版权声明:本文为本站原创文章,由37.2℃发表,转载请注明出处,保留一切权利!

转载请注明:转载于37.2度云笔记

发表评论

邮箱地址不会被公开。

微信