图片背景网址属性无法获取图片?

时间:2019-06-09 15:13:27

标签: html css

我正在使用css background-image属性设置divs的封面图像。 如果名称中带有以下括号(),例如 image(2).jpg

,则此属性不会获取背景图片

我注意到图像名称中的这些括号()空格引起了问题,因为我们使用的是 url 函数,该函数也带有括号()因此,一种解决方案是从所有图像名称中删除这些括号。但是,这很麻烦,因为我们有成千上万的图像存储在数据库和文件夹中。因此,重命名所有文件不是最佳解决方案。

我们可以在CSS中做些事情来解决此命名问题吗?否则任何其他解决方案都会更好!

<div style="background-image: url(http://example.com/uploads/unnamed%20(41).jpg);">

2 个答案:

答案 0 :(得分:3)

您可以使用inline属性,只需确保将URL括在诸如

的撇号中即可
<div style="background-image: url('http://example.com/uploads/unnamed%20(41).jpg');">

答案 1 :(得分:1)

您可以尝试一下。

div {
  background-image: url('http://example.com/uploads/unnamed%20(41).jpg');
}

如果它不起作用,请遵循this link