css3 设置半透明
导读:CSS3中可以通过opacity属性来设置元素的透明度,值的范围为0到1,其中0为完全透明,1为完全不透明。.opacity{opacity:0.5;}以上代码可以将.class为opacity的元素设置为半透明,值为0.5。除了opaci...
CSS3中可以通过opacity属性来设置元素的透明度,值的范围为0到1,其中0为完全透明,1为完全不透明。
.opacity{
opacity:0.5;
}
以上代码可以将.class为opacity的元素设置为半透明,值为0.5。
除了opacity属性,CSS3中还有rgba和hsla颜色设置方法。它们可以在设置颜色的同时设置透明度。
.background{
background:rgba(50,50,50,0.5);
}
以上代码可以将.class为background的元素设置背景颜色为RGB(50,50,50),透明度为0.5。
当使用rgba和hsla颜色的时候,需要注意的是,IE8及以下浏览器不支持。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css3 设置半透明
本文地址: https://pptw.com/jishu/569796.html
