Rails - 內聯CSS

Question

所以我正在爲我的應用程序製作一個用戶配置文件頁面。不過，我希望用戶的頭像有一個內嵌的白色陰影。因此，使用<img />不是一種選擇，因爲它不支持插入陰影（或至少不在Chrome中）。所以相反，我用一些<div>與一些內聯CSS來設置圖像。這裏有點我想要的，但當然它不會工作。

<div id="avatar" style="background: <%= @person.avatar %>"></div>

任何人都可以點我在做這個正確的方向？

Answer 1

是圖片的實際網址？在這種情況下：

<div id="avatar" style="background-image: url('<%= current_person.avatar %>')"></div> 

確保width和height在CSS匹配圖像尺寸。

Answer 2

這應該工作得很好

<div id="avatar" style="background:url(<%= current_person.avatar %>) no-repeat;" width="<%= User.AVATAR_WIDTH %>" height="<%= User.AVATAR_HEIGHT %>"></div> 

User.AVATAR_WIDTH和User.AVATAR_HEIGHT應該在app/models/user.rb被定義爲這樣的：

class User 
    AVATAR_WIDTH = 250 
    AVATAR_HEIGHT = 250 
end