Problem Description

今天遇到公司的一个项目，小程序的，用react写的。
搞了一半天，图片就是不显示。
附上原图

然后切换到微信开发者工具，打开调试。
图片不显示，Wxml的样式是

Try to solve

我讲背景图片部分的代码进行了注释，然后换成Image标签

然后图片被成功渲染出来在页面上，这个说明，src的路径是没问题的。
那么问题就出现在上面的那个backgroundImage的上面。
顿时，我的脑海就好像浮现出，之前在学html,css的时候，pink老师好像说过，background-image标签的的url路径原生的好像就是要用引号给包裹起来的。
然后就进行尝试嘛，结果
success！

Success

千里之提，溃于蚁穴

问题虽然很小，但是笔者希望读者能够引起注意。

拜托！HTML渲染background-image的时候，url请一定加上‘ ‘（单引号）相关推荐

页面渲染原理，从输入url到页面展示流程
浏览器从url到页面展示到用户面前,到底发生了什么?这是一个很常见的前端面试问题,我结合自己的知识储备来谈一谈.首先,我认为该流程应该分为三部分,导航阶段.准备渲染阶段和渲染阶段. 导航阶段首先浏览 ...
css中background属性引入图片url()中地址
网络图片: background: url(https://58d.oss-cn-hangzhou.aliyuncs.com/website2022/shoes.png); 本地图片: 1.项目内部: ...
Vue2.0 v-for列表渲染 backgroundImage动态加载url
最后的代码: 说明: 本项目图片放置位置:vue项目下 src/assets -HTML <router-link class='routerNav' v-for='(mainNavitem,i ...
url请求和ajax请求作用于minui treegrid的区别
1种方法在html中加载数据 <div id="treegrid1" class="mini-treegrid" style="width:10 ...
微信订阅号服务器配置url如何配置,微信订阅号开发模式基本配置
今天学习君尝试了微信订阅号的简单开发在验证开发者基本配置的时候遇到了问题 ,不了解微信的规则 ! 查阅开发者文档也没找到完整,详细直观的介绍,百度以后终于成功了在这里总结下 php 开发 ...
vue如何使浏览器url固定_怎么给 vue的 vue-router url地址最后加上 / 斜杠
这样没用 - - 应该需要怎么加? router.beforeEach((to, from, next) => { if (!checkJs.getCookie('token') &&a ...
vue 输入网址后，url中自动出现井号#，如何去除
问题描述: 解决方法: 1.打开 2.找到 3.删除Hash 4.成功
利用URL地址实现页面间传输数据和获取数据
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.pandas是什么? 二.使用步骤 1.引入库 2.读入数据总结前言我们常常看到网址后面会有一个问号,后面会 ...
Vue详细介绍及使用
Vue详细介绍及使用一.Vue定义及简介 1.Vue定义关于Vue简介,百度百科给出的解释是:Vue.js是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设 ...
MySQL、JDBC、HTML、CSS、JavaScript、jQuery、tomcat、Http、Servlet、JSP、EL、JSTL、Maven、Cookie、Session（框架第一部分）
第一章 MySQL 一 .数据库 1.什么是数据库? 所谓的数据库就是指存储和管理数据的仓库 2.数据库有哪些分类? 3.什么是关系型数据库? 底层以二维表的形式保存数据的库就是关系型数据库 stu- ...

拜托！HTML渲染background-image的时候，url请一定加上‘ ‘（单引号）

Problem Description

Try to solve

Success

千里之提，溃于蚁穴

拜托！HTML渲染background-image的时候，url请一定加上‘ ‘（单引号）相关推荐

最新文章

热门文章