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

例如：

其中0.5是图片透明度

例如：

其中0.95是背景图透明度，使用效果如下图：

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

看别人的项目有这样一种设定，一进来没有导航栏只有返回按钮，胶囊颜色为黑色半透明，等滑动到一定高度以后导航栏出现，胶囊变成白色。

需要在js里面用到 wx.setNavigationBarColor，它有两个参数一起设定可以改变胶囊颜色，需要注意颜色要用十六进制

如果是指定页面胶囊颜色，之后不做改变，可以直接在json文件里面配置：

附带监听页面滚动，滑动到某一节点位置时改变胶囊颜色的方法：

我用的是自定义导航栏，需要在json里面配置一下：

在app.js里面设置全局变量navHeight，动态计算导航栏高度：

onLaunch里面：

需要自定义导航栏页面的wxml文件：

js文件:

wxss文件:

再调用监听页面滚动的方法就能动态显示隐藏导航栏。

---