html怎么给背景图片设置透明度

本文将为大家详细介绍“html怎么给背景图片设置透明度”，内容步骤清晰详细，细节处理妥当，而小编每天都会更新不同的知识点，希望这篇“html怎么给背景图片设置透明度”能够给你意想不到的收获，请大家跟着小编的思路慢慢深入，具体内容如下，一起去收获新知识吧。

公司主营业务：成都网站设计、网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出瓮安免费做网站回馈大家。

html给背景图片设置透明度的方法：1、使用opacity属性，给设置背景图片的元素添加“opacity:透明度值;”样式即可；2、使用filter属性，给设置背景图片的元素添加“filter: opacity(透明度值);”样式即可。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

html给背景图片设置透明度

1、使用opacity属性

	
		
			div {
				width: 300px;
				height: 300px;
				background-image: url(img/3.jpg);
			}
			.box{
				opacity: 0.5;
			}
		
	

	
		
背景图片
		背景图片