大家在开发小程序的时候设计稿上会有一张图片在下,内容在图片上的样式。类似下面这张:
然而小程序设置背景图有图片大小限制。有些人直接使用服务器上的图片,还有些人把图片转换成base64格式的图片。但是这都不是解决问题最好的方法;接下来小杰给大家带来一个简单方便的办法;
我们只需要在需要设置背景图的盒子里放上一张image标签。
<view class="myBox">
<image src="需要设置成背景图的图片路径" mode="aspectFill"></image>
</view>
再让它定位在盒子就行了。层级性选择-1,这样就不会盖住上面的内容。
.myBox{
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
这样就解决了所有问题,也不用担心服务器上的图片问题,也不用管base64格式的图片路径过长问题。真是简单又方便的呢!