如题目所说,在开发小程序时,遇到该问题,该如何解决呢???
解决办法如下:
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. 直接在标签上写入
推荐指数:🌟🌟文章来源:https://www.toymoban.com/news/detail-557802.html
<view style="background-image: url('/static/image/a.png')"></view>
4. 将路径改成可以直接访问的绝对路径
推荐指数:🌟🌟🌟文章来源地址https://www.toymoban.com/news/detail-557802.html
background-image: url("https://****.***.com/a.png");
到了这里,关于uni-app - - - - - 小程序使用background-image无效?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!