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

Question

在我的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的背景？请帮助。

Answer 1

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

这样的事情应该有用。因此，您必须在div标签本身内部定义背景CSS属性，并将其设置为图像的URL。