首页前端开发CSScss3 设置半透明

css3 设置半透明

时间2023-12-06 00:33:03发布访客分类CSS浏览476
导读: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
使用GoQuery实现头条新闻采集 css在图片中加部分阴影

游客 回复需填写必要信息