html给背景图片设置透明度的方法:1、使用opacity属性,给设置背景图片的元素添加“opacity:透明度值;”样式即可;2、使用filter属性,给设置背景图片的元素添加“filter: opacity(透明度值);”样式即可。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
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>
相关推荐:《html视频教程》
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。