未显示徽标背景图像(Rails应用程序)



我有config/routes.rb路由到app/view/home/index.html.erb

index.html.erb是app/assets/stylesheets/home.css的链接集

它运行良好,我已经为我的索引网站赋予了风格。

问题是当我试图将一个徽标分配为app/assets/images/logo.png中的背景时

我在home.css中尝试了这个,但它不起作用:

body { background: #FFF url('../images/logo.png') no-repeat top left; }

使其工作的唯一方法是将logo.png移到样式表文件夹中,但我不想这样做。

那么,我如何使用另一个文件夹中的图像作为背景呢?

实际上,您可以使用Sprockets Url重写器使其工作。它是一个小宝石,可以将相对的CSS URL重写为绝对的URL。有了它,你可以使用:

body { background: #FFF url(logo.png) no-repeat top left; }

阅读资产管道指南,更好地了解正在发生的事情。或者,您可以选择官方建议。就我个人而言,我更喜欢Url重写器的方法。它更干净。

相关内容

最新更新