css - Rails 4 - 动态背景图片

Question

我正在尝试使用动态背景图像制作 Rails 4 应用。

我读过一些关于 SO 的帖子，它们说最好不要在 css 文件中定义对象，因为它不会缓存。我已尝试在我的显示页面中按如下方式定义它 - 但没有呈现任何内容。

<div class="col-md-5 col-lg-4 vc-photo" style= 'background-image: url(<%= image_url @profile.user.avatar.profile.path if @profile.user.avatar? %>);' }>&nbsp;</div>

我也尝试过(url 的交换路径):

<div class="col-md-5 col-lg-4 vc-photo" style= 'background-image: url(<%= image_url @profile.user.avatar.profile.url if @profile.user.avatar? %>);' }>&nbsp;</div>

当我尝试在代码检查器中检查元素时，我可以看到:

<div class="col-md-5 col-lg-4 vc-photo" style="background-image: url();" }="">&nbsp;</div>

有人看到我做错了什么吗？

Answer 1

这应该工作伙伴

<div id="profile-photo" style="background-image: url(/assets/<%= @user.image.url(:thumb) %>)">

将 url 替换为您自己的 url，不要使用 image_tag，因为您只需要 url 而不是图片。