我正在使用css background-image
属性设置divs
的封面图像。
如果名称中带有以下括号()
,例如 image(2).jpg
我注意到图像名称中的这些括号()
和空格引起了问题,因为我们使用的是 url 函数,该函数也带有括号()
因此,一种解决方案是从所有图像名称中删除这些括号。但是,这很麻烦,因为我们有成千上万的图像存储在数据库和文件夹中。因此,重命名所有文件不是最佳解决方案。
我们可以在CSS中做些事情来解决此命名问题吗?否则任何其他解决方案都会更好!
<div style="background-image: url(http://example.com/uploads/unnamed%20(41).jpg);">
答案 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