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

Jquery Rails4-如何动态设置div的背景图像?,jquery,html,css,ruby-on-rails,ruby-on-rails-4,Jquery,Html,Css,Ruby On Rails,Ruby On Rails 4,在我的webapp中,每个用户都可以添加自己的图像。 我使用以下代码显示用户的图像 <div class="col-md-4"> <%= image_tag @user.avatar.url(:preview) , :class => "imagescale" %> </div> “图像比例”%> 我希望用户的图像是一个带有testcover类的div的背景,如下所示。它显示一个静态图像,但我想动态地将其更改为用户的图像 <div class

在我的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

你好
.测试封面
背景:#2c3e50图像url(“https://s3-us-west-2.amazonaws.com/zzzz.jpg)不重复
如何将用户的图像作为div的背景?请帮忙。


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

这样的办法应该行得通。因此,您必须在div标记本身内内联定义background CSS属性,并将其设置为图像的URL。

@joshua paling的工作方式很有魅力。谢谢