> 文章列表 > uni-app - - - - - 小程序使用background-image无效?

uni-app - - - - - 小程序使用background-image无效?

uni-app - - - - - 小程序使用background-image无效?

小程序使用background-image无效

  • 1. 用image标签代替样式背景图
  • 2. 将图片转换为base64编码
  • 3. 直接在标签上写入
  • 4. 将路径改成可以直接访问的绝对路径

如题目所说,在开发小程序时,遇到该问题,该如何解决呢???

解决办法如下:

1. 用image标签代替样式背景图

推荐指数:🌟

操作:
在需要的位置,额外添加一个image标签src即为想要的图片,将其对照父元素绝对定位,z-index:1,将其视为背景。

	<image src="/static/image/a.png absolute" alt="">


2. 将图片转换为base64编码

推荐指数:🌟

标签:

	<image src="base64......" />

css:

	background-image: url("base64......");


3. 直接在标签上写入

推荐指数:🌟🌟

	<view style="background-image: url('/static/image/a.png')"></view>


4. 将路径改成可以直接访问的绝对路径

推荐指数:🌟🌟🌟

	background-image: url("https://.*.com/a.png");