无法使用img with background-image：url（）

Question

我无法在html的背景中显示我的图像。

 <div class="item active" style="background-image:URL("/img/abc-1.jpg");"></div>

为什么网址无法显示我的img，在我在谷歌浏览器中进行的检查中，它显示出来：

<div class="item active" style="background-image:URL(img abc-1.jpg);"></div>

由于

Answer 1

我认为你犯了错误。 我想你指的是w3schools。

正确的方法是： <div class="item active" style="background-image:URL('/img/abc-1.jpg');"></div>

没有双引号

Answer 2

将双引号更改为单引号：

<div class="item active" style="background-image:URL('/img/abc-1.jpg');"></div>

Answer 3

您需要使用单引号''，如下所示：style="background-image:url('/img/abc-1.jpg')

这样就可以转义样式属性上使用的双引号。

Answer 4

如果需要双引号，请使用转义序列。这不会关闭样式属性。

dic = {'a': 1, 'b': 2}
try:
    print(dic['c'])
except KeyError:
    print("'c' is not in the dictionary")
# 'c' is not in the dictionary

Answer 5

背景网址应该在单个引号中编写，您使用了双引号，因为哪个样式标记在技术上关闭 cargo run

尝试使用单引号 style="background-image:URL("