可以使用rbga,如:background:rgba(0,0,0,0.3); 最后一个值是透明度,范围0到1,前3个是rgb的颜色值.
这有个问题.首先用最单的办法是用CSS3 background-color:rgba(0,0,0,0.5); 但这个兼容性你懂的.第二种就是他们说的这样了.这会让里面的文字一起透明.所以.办法是用两个层叠起来.
外层div:background-color: rgba(255, 255, 255, 0.9); /* 白色并且阿尔法通道是0.9*/内层div:background-color: #FFF; /*背景色是白色, 覆盖原来的颜色*/
设置背景色 同时设置opacity(透明度,取值范围0-1)
opicaty:50; // 0-100为透明值 100为不透明不过,ie8及以下不识别,所以要针对它们再写一句filter:alpha(opacity=50);
ie8以上用background-color:rgba(rgb是颜色最后那个a是透明); ie8以下 多写一个层
css3的一个方法: background:rgba(0,0,0,0.5); //前三个参数分别是颜色的rgb值,最后一个是alpha值
#333333是灰色(接近黑色,其实黑和白也是二种特殊的灰色) 白色代码是color:#ffffff 或者color:white也行.
background:rgba(0,0,0,0.5);jQuery特效kaicz网站有很多这类内容,可以看看
{ filter: Alpha(Opacity=50) /* for IE */ background-color: rgba(0, 0, 0, 0.5); /*for FF*/}