css怎么设置背景图片透明-9543建站博客

广告：宝塔Linux面板高效运维的服务器管理软件点击【 https://www.bt.cn/p/uNLv1L 】立即购买

css怎么设置背景图片透明

在css中，可以利用opacity属性来设置背景图片透明，该属性的作用就是设置元素的透明度，只需要给设置了背景图片的元素添加“opacity: 透明度值;”样式即可。

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

在css中，可以利用opacity属性来设置背景图片透明。

Opacity属性设置一个元素了透明度级别，透明度级别（属性值）从0.0（完全透明）到1.0（完全不透明）。

代码示例：

<!DOCTYPE html><html><head><meta charset="UTF-8"><style>div{width: 400px;height: 230px;background:url(img/3.jpg) no-repeat;background-size: 400px 226px;}.box{opacity: 0.5;}</style></head><body><div></div>         <div class="box"></div> </body></html>

登录后复制

效果图：

（学习视频分享：css视频教程）

以上就是css怎么设置背景图片透明的详细内容，更多请关注9543建站博客其它相关文章！

广告：SSL证书一年128.66元起，点击购买~~~