在html中透明度的⽤法,关于CSS透明度的两种使⽤⽅法以及优
缺点
关于CSS透明度的两种使⽤⽅法以及优缺点
在建企业⽹站的过程中,为了提升⽤户视觉体验度,可能要将⽹页中的某些部分设置为背景颜⾊透明,使⽤css设置背景颜⾊透明的有两种⽅法:⼀种是通过rgba⽅式设置,另⼀种是通过backgroud和opacity设置。
比干读音第⼀种⽅法:通过backgroud和opacity设置背景透明
在建企业⽹站时opacity属性参数的"不透明度"是以数字表⽰,从 0.0 ⾄ 1.0 都可以,完全透明是 0.0,完全不透明是 1.0,就是说:数字越⼤代表元素越不透明。参数除了可以使⽤"不透明度"之外,还有 inherit 继承⽗层属性,不过浏览器⽀援度较差,不建议使⽤。
注意事项:⼀定要考虑不同浏览器的兼容性写法,正确应该这样写:.transparent{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
类.transparent代表的是透明度是50%。
乾隆的电视剧opacity背景颜⾊透明度的弊端:应⽤此⽅法会使整个box的透明度都变成了50%,包括背景和背景上
儿童剪贴画>至行⾯的图⽚或⽂字。有时我们只是想让背景透明⽽上⾯的⽂字正常显⽰,此时就不合适了,需要考虑使⽤第⼆种⽅法。
世界最大银行第⼆种⽅法:利⽤rgba的⽅式来设置背景透明度建企业⽹站中所谓RGBA颜⾊,就是RGB三原⾊加ALPHA。在给背景添加颜⾊的同时,提供透明度特性。
十二生肖电影⽤法:background:rgba(R,G, B, A); A代表透明度从0.0到1。
⽰例:
背景红⾊透明度50%,⽽上⾯的⽂字正常显⽰
实习工作内容
说明:通过rgba⽅式设置背景颜⾊透明度,可以设置背景颜⾊透明⽽⽂字不透明
儿童树叶贴画图片大全