Rails4 - 如何动态设置 div 的背景图像？答案

【问题标题】：Rails4 - How to dynamically set the background image of a div?Rails4 - 如何动态设置 div 的背景图像？
【发布时间】：2014-11-23 09:03:29
【问题描述】：

在我的 webapp 中，每个用户都可以添加自己的图像。我使用以下代码显示用户的图像。

<div class="col-md-4">
<%= image_tag @user.avatar.url(:preview) , :class => "imagescale" %>
</div>

我希望用户的图像成为具有类 testcover 的 div 的背景，现在如下所示。它显示静态图像，但我想将其动态更改为用户图像。

<div class="testcover">
<p>hello<p>
</div>

.testcover
background: #2c3e50 image-url("https://s3-us-west-2.amazonaws.com/zzzz.jpg") no-repeat

如何让用户的图片作为 div 的背景？请帮忙。

【问题讨论】：

【解决方案1】：

<div class="testcover" style="background: url(<%= @user.avatar.url(:preview) %>) no-repeat">
    <p>hello<p>
</div>

类似的东西应该可以。因此，您必须在 div 标记本身内内联定义背景 CSS 属性，并将其设置为图像的 URL。

【讨论】：