在CSS中的Ruby on Rails 2中添加背景图像

Question

我在ruby中生成了一个脚手架,我想在网站的每个页面上插入一个背景图像,但我不确定该图像的链接应该是什么.

我的形象在 app/assets/images/"dep.jpg"

这就是我所拥有但它不起作用:

background-image:url('../images/dep.jpg');
}

有帮助吗？谢谢

Answer 1

在Rails 3.1中,路径实际上是`/assets/dep.jpg':

background-image: url(/assets/dep.jpg);

如果您将scaffold.css文件转换为Sass文件(重命名为scaffold.css.scss),那么您可以使用帮助程序:

background-image: image-url("dep.jpg");

Answer 2

rails中的webserver将public文件夹作为应用程序的基础.因此,它寻找特定的图像,/public/images/而不是app/assets/images/"dep.jpg"因为它不在那里,你无法得到图像.尝试将您的图像放在/public/images/文件夹中然后它会工作.

编辑:如果您使用rails 3.1,那么这将是不同的,因为Rails 3.1使用资产管道的概念作为您的应用程序的资产,所以然后路径app/assets/images/dep.jpg显然会工作.

Answer 3

如果您的图像在app/assets/images/dep.jpg,则应在rails中的css文件中编写background: url('/assets/dep.jpg');

您不必以这种方式将图像放在公用文件夹中.