Rails - встроенный CSS

Question

Итак, я делаю страницу профиля пользователя для своего приложения.Однако я хочу, чтобы у аватара пользователя была белая вставка-тень.Поэтому использование <img /> не вариант, так как он не поддерживает вставные тени (или, по крайней мере, не в Chrome).Поэтому вместо этого я использую <div> с некоторыми встроенными CSS для установки изображения.Вот то, что я хочу, но, конечно, это не сработает.

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

Может кто-нибудь указать мне правильное направление для этого?

Answer 1

Является ли avatar фактическим URL изображения? В этом случае:

<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