美文网首页
background-image的url地址记得加引号(个人笔记

background-image的url地址记得加引号(个人笔记

作者: kevision | 来源:发表于2023-10-22 16:39 被阅读0次

背景:接口返回的列表,发现有的图片没有展示出来,查看图片发现图片地址中有()

当图片地址中有圆括号的时候,会出现以下情况:

image.png

原因是地址中的()与url函数的()冲突,导致background-image属性设置失败。
解决方法:url地址加引号。
注:虽然在一般情况下,不加引号也能正常展示,但建议习惯性给url地址加上引号。

相关文章

  • building for production...Error

    引入的mui.min.css的 两处background-image:url单引号引起的,改成双引号即可打包成功

  • CSS性能优化

    属性缩写 语法压缩** background-image, cursor等属性url()中的路径不需要添加引号**...

  • css中背景图片的一些控制方法

    background-image: url()背景图片的存放地址 background-repeat: no-re...

  • 背景图片

    格式:background-image:url(本地地址/链接); 在CSS中有一个background-repe...

  • CSS背景

    背景颜色 默认值:transparent 背景图片 通过url()引入图片地址 background-image:...

  • python

    在文字地方记得加双引号 加双引号表示字符串对数字加双引号是改变数字的类型,数字可以不加双引号 type 用来...

  • 使用background-attachment:fixed固定背

    解决办法: body{ width: 100%; background-image:url('url); back...

  • TP框架前台轮播图如何显示后台数据

    有的tp框架开发前台使用background-image: url的方式获取图片地址。那么如何实现获取后台的数据1...

  • 第七天

    背景可以使用background-image来设置背景语法background-image:url(图片路径)如果...

  • 背景,雪碧图

    使用background-image来设置背景图片 语法:background-image:url(相对路径); ...

网友评论

      本文标题:background-image的url地址记得加引号(个人笔记

      本文链接:https://www.haomeiwen.com/subject/gjxdidtx.html