CSS背景图像中的引导图像答案

【问题标题】：Bootstrap image in CSS background imageCSS背景图像中的引导图像
【发布时间】：2015-02-28 05:20:21
【问题描述】：

我在我的 rails 4 应用程序中使用引导程序。

我有一个个人资料页面，每个个人资料都有一个英雄形象。

我的个人资料模型有一个“英雄”属性，它是图像本身的字符串。

我想知道是否可以将英雄图像放置的 css 定义为：

<%= @profile.hero %>

这意味着我的 div 容器的 CSS 有：

background-image: image-url('<%= @profile.hero %> ');

这是最好的管理方式吗？或者，我将如何设置图像属性的 CSS、大小等，然后为该 CSS 设置一个 div 标签，该标签仅在该 div 中包含？

谢谢

【问题讨论】：

【解决方案1】：

您不能在 CSS 文件中使用控制器或查看变量（它们是静态的，即在您的查询执行范围之外预编译）。

因此，解决问题的一种方法是使用以下方法：

<div style="background-image: url('<%= @profile.hero %>');">
</div>

【讨论】：