2014-11-23 59 views
1

在我的web应用程序中,每个用户都可以添加自己的图像。 我使用以下代码显示用户的图像。Rails4 - 如何动态设置div的背景图片?

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

我想让用户的图像成为带有class 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。

+0

@ joshua-paling像一个魅力工程。谢谢。 – LovingRails 2014-11-23 15:05:43