html - 图像背景 URL 属性未获取图像?

标签 html css

我正在使用 css background-image 属性为 divs 设置封面图像。 如果名称中包含这些方括号 (),则此属性不会获取背景图像,例如 image(2).jpg

我注意到图像名称中的这些方括号 ()spaces 导致了问题,因为我们使用的 url 函数也有方括号 () 所以一种解决方案是从所有图像名称中删除这些括号。但这是一种令人厌烦的方式,因为我们有数以千计的图像存储在数据库和文件夹中。所以重命名所有文件不是最好的解决方案。

我们可以在 css 中做些什么来解决这个命名问题吗?或者任何替代解决方案都会更好!

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

最佳答案

您可以使用内联属性,只需确保您将 URL 括在撇号中,如

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

关于html - 图像背景 URL 属性未获取图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56515763/

相关文章:

javascript - Chrome 新标签保留内存

html - 在 div 中对齐文本和图像

html - 更改 select 标签中单独选项的 css 字体系列

javascript - 功能、图像导入

php - 我怎样才能得到 table 外的图像?

html - 如何使用 Bootstrap 将内联元素排成一行?

css - 如何在vuetify中使用动画素材图标

javascript - 如何在点击时定位不同的模态

javascript - Ionic 选项卡不会转到下一页

javascript - 防止换行但允许在文本区域(jquery)中输入(提交)