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