2011-08-03 1 views
0

私は自分のアプリのユーザープロフィールページを作っています。しかし私は、ユーザーのアバターが白いボックスシャドーを持つようにしたい。したがって、<img />を使用することは、インセットシャドウをサポートしていない(または少なくともChromeではない)ため、オプションではありません。代わりに私は<div>といくつかのインラインCSSを使って画像を設定しています。私がしたいことはちょっとありますが、それはうまく動作しません。Rails - インラインCSS

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

誰もがこれを行うための正しい方向に私を指すことができますか?

答えて

3

avatarは実際の画像のURLですか?その場合:

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

widthheightはCSSで画像の大きさと一致することを確認してください。

+0

ああ、ええ、私はちょうど<%= ... %> おかげで=を行方不明になりました。 ) –

0

これはかなりうまく動作するはず

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

User.AVATAR_WIDTHUser.AVATAR_HEIGHTのようなものとしてあなたapp/models/user.rbで定義する必要があります。

class User 
    AVATAR_WIDTH = 250 
    AVATAR_HEIGHT = 250 
end