CSS控制网页的背景透明度

1.实现方法(3种),以不透明度为50%为例

    ①CSS3的opacity:X
       X的取值范围:0~1
       如:opacity:0.5;
    ②CSS3的rgba(red,green,blue,alpha)
       alpha的取值范围:0~1
       如:background:rgba(255,255,255,0.5);
    ③IE专属滤镜filter:Alpha(opacity=X)
       X的取值范围:0~100

       如:filter:Alpha(opacity=50)

2.调整布局模块的整体透明度



  
        
        CSS3的opacity
		
	
	
	    

		

背景透明,文字也透明

效果:

CSS控制网页的背景透明度_第1张图片

3.父元素的样式参数设置,不会改变子元素的样式


	
		
		背景透明,文字不透明
		
	
	    

		

背景透明,文字不透明

效果:


你可能感兴趣的:(HTML/CSS)