CSS设置透明度主要用到了opacity属性。下面简单给你一个范例代码。
HTML部分代码
这是不透明
这是透明
CSS部分代码#butouming{ width:500px; height:40px; margin:0px auto; background:#0099FF; text-align:center; line-height:30px;}
#touming{ width:500px; height:40px; margin:0px auto; background:#0099FF; opacity: 0.5; margin-top:20px; text-align:center;line-height:30px;}
最终效果图片
青岛星网提醒:opacity实现背景透明,文字也变透明了就。
实现透明的css方法通常有以下3种方式,以下是不透明度都为80%的写法
css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8
css3的rgba(red, green, blue, alpha),alpha的取值从 0 到 1,如rgba(255,255,255,0.8)
IE专属滤镜 filter:Alpha(opacity=x),x 的取值从 0 到 100,如filter:Alpha(opacity=80)