Rumah > Artikel > applet WeChat > 微信小程序怎样加背景图片
经常为微信小程序设置颜色背景,突然发现一张好看的图片怎么把它设置为背景呢?
微信小程序怎样加背景图片
以下总结了三种方法:
1、wxss中通过background-image设置网络图片来添加背景图片;
微信小程序中background-image不能使用本地图片
推荐学习:小程序开发
background-image:url(https://xxxxxxxxxxxxxxxxxxxxxx)
2、将图片转为Base64编码格式,然后使用background-image来添加背景图片;
background-image:url(转换之后的base64字符串)
3、利用流布局,设置z-index层级,将image标签置于底层来添加背景图片。
//html <view class="container"> <image src='../image/1.jpg'></image> <view class='up'> 我是一串字符串 </view> </view> //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; }
PHP中文网,大量网站建设教程,欢迎学习!
Atas ialah kandungan terperinci 微信小程序怎样加背景图片. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!