Загрузочный образ в CSS background image

Question

Я использую bootstrap с помощью моих рельсов 4 приложения.

У меня есть страница профиля с каждым профилем, имеющим изображение героя.

Моя модель имеет атрибут 'hero', который является строкой для самого изображения.

Я задаюсь вопросом, могу ли я определить CSS для героя размещения изображения как:

<%= @profile.hero %> 

Это означало бы мой CSS для контейнера сНу имеет:

background-image: image-url('<%= @profile.hero %> '); 

ли это быть лучший способ справиться с этим? В качестве альтернативы, как я могу настроить CSS, размер и т. Д. Для свойств изображения, чтобы затем иметь тег div для этого CSS, который включает только <% = @ profile.hero%> внутри этого div?

Спасибо

Answer 1

Вы не можете использовать контроллер или просматривать переменные внутри CSS-файлов (они статический т.е. precompilled вне вас запрос области выполнения).

Таким образом, один из способов решить вашу проблему использует что-то вроде этого:

<div style="background-image: url('<%= @profile.hero %>');"> 
</div>