微信小程序：背景图片透明处理（采用CSSwxss）

例如：

其中0.5是图片透明度

例如：

其中0.95是背猛闷景图透明度，局知肢使用效果如下图桐世：

https://www.runoob.com/cssref/func-linear-gradient.html

类似如图背景图片底晌好部显示半透明文本view：

.wxml

.wxss

要点： 父视图的position: relative重叠放置在父视图上的视图postion: absolute。宴亩铅耐物

微信小程序透明度 opacity 原创

2017-05-23 11:28:29

5点赞

UFO00001

码龄7年

关注

wxml文件中 ：style="opacity:{{number}}"

number代表透明度的值 取值范围0—1 1代表不透明 0代表全透明薯雹

具体应用中可在js文件中写个方法对number根据用户动作进行动态设置

看文章 扫一亮手仔扫 领红包哦

文章知识点与官敬汪方知识档案匹配

小程序技能树page.json配置globalStyle全局样式配置

3393 人正在系统学习中

---