返回顶部
首页 > 资讯 > 移动开发 >uni-app - - - - - 小程序使用background-image无效?
  • 110
分享到

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

uni-app小程序 2023-09-02 20:09:32 110人浏览 安东尼
摘要

小程序使用background-image无效 1. 用image标签代替样式背景图2. 将图片转换为base64编码3. 直接在标签上写入4. 将路径改成可以直接访问的绝对路径 如题目所

小程序使用background-image无效

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

解决办法如下:

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");

来源地址:https://blog.csdn.net/Dark_programmer/article/details/130089984

--结束END--

本文标题: uni-app - - - - - 小程序使用background-image无效?

本文链接: https://lsjlt.com/news/391369.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作