设置按钮button背景完全透明,显示出背景颜色或背景图

按钮背景完全透明,主要就是一行代码:background:rgba(0,0,0,0);

当设置button背景透明显示出页面的背景颜色,

设置按钮button背景完全透明,显示出背景颜色或背景图_第1张图片

当设置button背景透明显示出页面的背景图,

设置按钮button背景完全透明,显示出背景颜色或背景图_第2张图片

而且,透明度的设置opacity和rgba也是有区别的:opacity设置透明度会让盒子中的内容也变得透明,但是rgba设置透明度不会使盒子中的内容变透明。

示例代码如下:



	
		
		透明度区别
		
	
	
		
		
	

效果图如下:设置按钮button背景完全透明,显示出背景颜色或背景图_第3张图片

你可能感兴趣的:(css,html,css3)