css背景透明的方法
css样式设计中透明度设计的几种方法:
1.opacity 这个是我们最经常用到的,也是通常会在第一时间会想到使用的
filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5;
注意点:1.取值范围(0~1)
2.opacity设置的透明度会对后代元素产生影响,后代元素也会变为透明,一般用于调整图片或者模块的整体不透明度
2.css3中的rgba;若要只针对当前元素(模块)具有透明度,例如背景透明而文字不透明,我们一般使用此类方法;
所谓RGBA颜色,顾名思意就是R+G+B+A的颜色,再具体点就是red+green+blue+alpha的颜色,翻译一下就是红+绿+蓝+Alpha透明的颜色。
用法:
background:rgba(200,19,250,0.4) // IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂,但解析为透明
注意:Alpha取值范围为(0-1),表示透明度
但是,对于CSS3中的语法,IE低版本有可能不会兼容
解决办法:
background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
filter是IE自带的解决透明度的问题