为什么我的背景图片没有显示?

时间:2016-10-24 06:15:30

标签: css ruby-on-rails-4

我的rails应用程序中有一个style.css.erb文件。

我想显示背景图像,所以我添加了一个使用rails helper方法的行:

background: image-url('bnr-01.jpg') no-repeat;

不显示图像。

我收到错误'Invalid property valid'

生成的CSS是:

background: image-url(bnr-01.jpg) no-repeat;

3 个答案:

答案 0 :(得分:1)

既然你说它是css.erb文件,你应该使用rails helper as,

使用<%= asset_path 'bnr-01.jpg' %> rails helper

<强> background-image: url(<%= asset_path 'bnr-01.jpg' %>)

您也可以使用,

<强> image_url("bnr-01.jpg")

您使用的image-url使用错误,image_url

Here is the reference

答案 1 :(得分:0)

如评论所述,使用 background: url("path/to/picture.jpg") no-repeat; 路径周围的引号字符是可选的。

http://www.w3schools.com/cssref/pr_background-image.asp

答案 2 :(得分:0)

要加载背景图片,以下是要在css中添加的代码,

background-image: url("/assets/bnr-01.jpg");

这将解决您的问题。希望背景图像放在app / assets / images。