微信小程序自定义顶部背景

最新推荐文章于 2024-09-20 12:22:50 发布

前端小菜菜～

最新推荐文章于 2024-09-20 12:22:50 发布

阅读量2.3k

点赞数

分类专栏：遇到的问题文章标签：小程序

本文链接：https://blog.csdn.net/weixin_46486552/article/details/114481582

版权

遇到的问题专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、将json文件文件里的navigationStyle属性值设置为custom即可自定义顶部背景
2、微信小程序中不能用本地图片作为背景图片
解决办法：
1、css中通过url获取网络图片
2、Base64编码格式
3、利用流布局，设置z-index层级，将image标签置于底层

```bash
//html
<view class="container">
  <image src='../image/1.jpg'></image>
  <view class='up'>
    我是一串字符串
  </view>
</view>
```
```bash
//css
.container{
  width: 100%;
  height: 600rpx;
  margin: 0;
  padding: 0;
  position: relative;
}
image{
  position: absolute;
  width: 100%;
  height: 600rpx;
}
.up{
  position: absolute;
  z-index: 1;
}
```