2014-02-23 121 views
13

了我在与我的Heroku网站的背景图片的问题,在本地使用背景图像不显示在Heroku的

background-image: url('background_stripe.png'); 

的作品,但在部署时该文件被破坏

Website

我试过使用

background-image: image-url('background_stripe.png'); 
background-image: url(image-url('background_stripe.png')); 
background-image: url(image_url('background_stripe.png')); 

没有一个在本地或o ñ英雄。

使用bash我发现了Heroku的评选的图像文件background_stripe.png但它没有散列和一个破碎的形象

+0

预编译的资产是在同一个文件夹中的'background_stript.png'图像HTML&CSS页面? 'background-image:url('background_stripe.png');'是定义它的正确方式 - 示例可以在这里找到(http://www.w3schools.com/cssref/pr_background-image.asp) – Wilf

+0

该图像的绝对路径是什么? –

+0

是的,它被定义为background-image:url('img');已经和它不工作了,@Paritosh Piplewar app/assets/images/background_stripe.png – MikaAK

回答

42

在你production.rb添加以下行

config.serve_static_assets = true 
config.assets.compile = true 

,或者你可以尝试在本地使用

RAILS_ENV=production rake assets:precompile 
+0

这工作谢谢!具体将值更改为true。 – MikaAK

+6

更改production.rb的作品。谢谢,@deep。它看起来像'config.serve_static_assets'将被弃用。应该使用'config.serve_static_files'。 – Mei

5

当你的资产被编译为生产,他们得到“消化”加入为了版本控制目的,它们结束了。如果要在视图中定义类,则应使用asset_path('background_stripe.png');如果要在012SS中引用的SCSS文件中定义它们,则应使用image-url('background_stripe.png')

+0

是的,我用image-url,因为它在应用程序/资产/图像,但它似乎并没有工作 – MikaAK