微信小程序实现页面加入背景图片以及调节透明度

您所在的位置:网站首页 怎么调qq背景图的透明度 微信小程序实现页面加入背景图片以及调节透明度

微信小程序实现页面加入背景图片以及调节透明度

2024-07-04 01:46| 来源: 网络整理| 查看: 265

在微信小程序中有时候需要在页面加入背景图片以及调节透明度让我们的小程序变得更加美观,以下是代码实现:

1、WXML

2、WXSS

.bg{ position:fixed; top:0; left:0; width:100%; height:100%; background:url(' ..图片地址.. ') no-repeat #000; background-size:cover; z-index:-1; } .bg-img{ width : 100%; height : 100%; }

这样就能加入背景图片啦!

3、调节背景图片透明度

只需要在 WXML 中加入 style=“opacity:{{1}}” 其中花括号里面的数字就是透明度选项,范围是 0-1



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3