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) %>)">

将网址替换为您自己的网址，不要使用image_tag，因为您只希望网址不是图片。

Answer 2

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

如果有效，请尝试此操作。

编辑

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

不使用文件

尝试

我发现这应该可以帮到你： background images with carreirwave

Rails 4 - 动态背景图像

2 个答案: