我要投稿

html如何给背景图片设置透明度

小白 HTML

2022-03-02 0 1,430

资源来源于互联网和网友投稿如有侵权请及时下架
本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。
不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险以及产生法律纠纷与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除。
如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。

本站只提供资源，不提供技术支持，介意勿下！源码太多站长无法每款都进行测试请自行甄别，虚拟产品售出无退换，下载链接如有失效请及时

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

html给背景图片设置透明度

1、使用opacity属性

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

div {

width: 300px;

height: 300px;

background-image: url(img/3.jpg);

}

.box{

opacity: 0.5;

}

</style>

</head>

<body>

<div>背景图片</div>

<div class="box">背景图片</div>

</body>

</html>

2、使用filter属性

<!DOCTYPE html>

<html>

 <head>

 <style type="text/css">

 div {

 width: 300px;

 height: 300px;

 background-image: url(img/3.jpg);

 }

 .box{

 filter: opacity(0.6);

 }

 </style>

 </head>

 <body>

 <div>背景图片</div>

 <div class="box">背景图片</div>

 </body>

</html>