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

news/2024/7/20 1:04:05 标签: uni-app, 小程序

小程序使用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");

http://www.niftyadmin.cn/n/209424.html

相关文章

Python import导包快速入门

import 和 from import 在 Python 中&#xff0c;使用 import 语句可以将其他 Python 模块或包中的代码引入到当前模块中&#xff0c;以供使用。通常情况下&#xff0c;我们可以使用以下语法将整个模块导入到当前命名空间中&#xff1a; import module_name其中&#xff0c;m…

SpringBoot启动类

容器启动后还有最后一步操作&#xff1a;回到Runner org.springframework.boot.SpringApplication#callRunners 获取容器中所有的ApplicationRunner和CommandLineRunner&#xff0c;排好序后进行回调。 会根据Order的顺序来排序&#xff0c;先是Order的大小&#xff0c;小的优先…

docker-compose容器编排使用详解+示例

文章目录一、docker-compose概述1、产生的背景2、核心概念3、使用的三个步骤4、常用命令二、下载安装1、官方文档2、下载3、卸载三、使用compose1、前置知识&#xff0c;将一个springboot项目打包为镜像2、编写docker-compose.yml文件3、启动docker-compose4、停止一、docker-c…

二叉树的前序遍历(力扣144)

目录 题目描述&#xff1a; 解法一&#xff1a;递归法 解法二&#xff1a;迭代法 解法三&#xff1a;Morris 遍历 二叉树的前序遍历 题目描述&#xff1a; 给你二叉树的根节点 root &#xff0c;返回它节点值的 前序 遍历。 示例 1&#xff1a; 输入&#xff1a;root […

7种排序算法,C语言代码实现与常见陷阱,采用动图演示让你彻底搞懂排序的奥秘!

本文所有的排序都是将数据排为升序&#xff0c;文章较长&#xff0c;读者自行选择感兴趣的部分进行观看。 文章目录前言开始前的准备一、插入排序1.1 直接插入排序1.2 希尔排序二、选择排序2.1 直接选择排序2.2 堆排序三、交换排序3.1 冒泡排序3.2 快速排序3.2.1 快速排序原版…

[MongoDB]-常见安装问题

[MongoDB]-常见安装问题 在安装mongo后遇到的一些问题&#xff0c;在此记录&#xff0c;不断学习不断补充。 问题1&#xff1a;mongo6后&#xff0c;bin目录下无mongo的可执行文件。 解决&#xff1a; mongo6后已经需要自己去下载shell工具&#xff0c;下载地址&#xff1a;h…

CTR-GCN 论文解读

论文名称&#xff1a;Channel-wise Topology Refinement Graph Convolution for Skeleton-Based Action Recognition论文下载&#xff1a;https://arxiv.org/pdf/2107.12213.pdf论文代码&#xff1a;https://github.com/Uason-Chen/CTR-GCN 论文&#xff1a;基于骨骼动作识别的…

MS(mbed L432KC)----->蓝牙无线控制【手机控制亮灯】(UART)

目录 一.前言 二.HC-05蓝牙模块 1.模块介绍 2.引脚介绍 3.mbed函数使用介绍 三.总结 一.前言 我相信大家