Question

所以我正在使用我的新rails应用程序，在我的一个样式表中，我有pg-parlex类，它指定了一个背景图像链接：

.bg-parlex {
    padding-top: 0px;
    background-image: url('assets/banner-bg.gif'); /* << THIS URL LINK! */
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

有人可以快速解释我们如何链接到assets / images文件夹中的项目...我确定它是assets/item1.png或assets/item2.png，但也许因为链接在样式表中可能这是错的......？

Answer 1

您可以使用：

background-image: image-url("rails.png") 
#=> background-image: url(/assets/rails.png)

如果您使用sass-rails gem：

background-image: asset-url("rails.png", image) 
#=> background-image: url(/assets/rails.png)

所以，你的代码是：

.bg-parlex {
    ...
    background-image: asset-url("banner-bg.gif", image);
    ...
}

Rails应用程序 - 在样式表中引用图像

1 个答案: