javascript - 将带有图像路径值的 Json 文档插入到 css 背景属性中

Question

我有一个 mongodb 数据库，其中的文档具有如下设置的 img 值:

"img": "../folder/img.jpg"

是否可以在我的 css 中使用此字符串来更改背景图像？我需要这样做，因为图像应该随着 json 文档中的其他值而改变。

Answer 1

假设您想知道如何在从 mongodb 检索图像字符串时在 html 中应用背景图像:

当您无法动态构建您的 css 时，您可以在构建您的 html 页面时将其应用于您的 html 元素:

<!-- Element which needs a dynamic background image, for example a div -->
<div style="background-image: url('../folder/img.jpg');">
<div>

如果你可以动态构建你的 css 文件或你的样式标签，你可以这样做

CSS

#myelement{
   background-image: url('../folder/img.jpg');
}

html

<div id="myelement">
</div>