用于RoR应用程序中的动态背景的内联CSS不起作用

Question

这适用于我的CSS文件：

.blog-title-section {
background: image-url('banner-bg.jpg') no-repeat center center;
}

但是我想在我的html.erb文件中使背景动态，到目前为止我已经尝试了

<style>
.blog-title-section { background: image-url('banner-bg.jpg') no-repeat     center center; }
</style>

和

<div class="blog-title-section", stlye="background: image-url('banner-bg.jpg') no-repeat center center;" >

两者都没有效果。当我发现有效的东西时，我将取代＆＃34; banner-bg.jpg＆＃34;与@ blog.image。

Answer 1

我认为您的图片路径存在问题，例如您的图片有app/asset/images/banner-bg.jpg

然后您的代码将image-url('assets/banner-bg.jpg')或image-url('/assets/banner-bg.jpg')或image-url('../assets/banner-bg.jpg')您需要