ncry.net
当前位置:首页 >> Css背景颜色透明 >>

Css背景颜色透明

可以使用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*/}

网站首页 | 网站地图
All rights reserved Powered by www.ncry.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com