2014-11-23 95 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