时间戳

首页 > 解决方案 > 你能用 CSS 做数据绑定吗？

html - 你能用 CSS 做数据绑定吗？

问题描述

我想将数据库中的 url 传递到我的 CSS 中以显示正确的图像，你能这样做吗？

例如，现在我在 HTML 中有这个：

<div class="img-bg bg-6 bg-grad-layer-6"></div>

和 CSS 中的这个 bg-6：

.bg-6{ background: url(../images/slider-6-450x600.jpg) no-repeat center; background-size: cover; }

我已经可以访问我的数据库并且我知道如何获取存储的照片的 url，无论如何我可以将 url 传递到 bg-6 以用于 url（此处为数据库 url）而不是那个静态文件??

标签： htmlcssdata-binding

解决方案

您可以设置内联样式。

来自 ejs 的示例。

<div class="img-bg bg-6 bg-grad-layer-6" style="background-image:url('<%= data %>');"></div>

这适用于任何其他语言。

或者可以给上课。

<style>
.bg-6{ background: url('<%= data %>') no-repeat center; background-size: cover; }
</style>

推荐阅读