开发小程序时怎么设置背景图片

王林
Freigeben: 2020-12-29 09:29:53
nach vorne
3939 Leute haben es durchsucht

开发小程序时怎么设置背景图片

导语:

我们知道在开发微信小程序时,是不能直接在wxss文件里引用本地图片的,否则在运行时会出现如下错误:

(学习视频分享:编程视频

“本地资源图片无法通过WXSS获取,可以使用网络图片,或者 base64,或者使用标签。”

本文介绍使用标签的方法。

具体步骤:

1、在wxml文件中添加一个标签:

     
Nach dem Login kopieren

2、在wxss文件中添加:

page{ height:100%; } .background { width: 100%; height: 100%; position:fixed; background-size:100% 100%; z-index: -1; }
Nach dem Login kopieren

要说明的是z-index: -1,可以让图片置于最底层,不会影响其它部分。

(相关推荐:小程序开发教程

Das obige ist der detaillierte Inhalt von开发小程序时怎么设置背景图片. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!