在css ruby on rails 4错误中使用图像_Css_Ruby On Rails

在css ruby on rails 4错误中使用图像

css ruby-on-rails

在css ruby on rails 4错误中使用图像,css,ruby-on-rails,Css,Ruby On Rails,我想使用CSS中的图像，我所有的图像都在文件夹app/assets/imagenes中，我在CSS中添加如下内容： #punica-page-header { background: url(../app/assets/imagenes/dimension.png) no-repeat center; background-size: cover; } background: url(asset-path("dimension.png")) no-repeat center; 然后

我想使用CSS中的图像，我所有的图像都在文件夹

app/assets/imagenes

中，我在CSS中添加如下内容：

#punica-page-header {
  background: url(../app/assets/imagenes/dimension.png) no-repeat center;
  background-size: cover; }

background: url(asset-path("dimension.png")) no-repeat center;

然后我将其添加到

应用程序.html.erb

：

<body class="punica-home-1">
    <header id="punica-page-header">
    </header>
</body>

这是我每次遇到的错误：

获取404（未找到）jquery.self-660adc5…js？body=1:3734

如果您能帮助我，我真的很感激。

显然，我需要通过以下方式使其全球化：

background: url("/assets/dimension.png")

显然，我需要以这种方式使其全球化：

background: url("/assets/dimension.png")

您可以使用资产管道。为样式表文件提供扩展名

my_file.scss.erb

然后你可以像这样插入图像

#punica-page-header {
background-image: url(<%= asset_path 'dimension.png' %>)
}

#punica页眉{
背景图像：url（）
}

或

#punica页眉{
背景：url（）
}

编辑：当然图像位于

app/assets/images

：）

您可以使用资产管道。为样式表文件提供扩展名

my_file.scss.erb

然后你可以像这样插入图像

#punica-page-header {
background-image: url(<%= asset_path 'dimension.png' %>)
}

#punica页眉{
背景图像：url（）
}

或

#punica页眉{
背景：url（）
}

编辑：当然图像位于

app/assets/images

：）

如果您将图像放置在

app/assets/images

文件夹中，则可以这样做：

#punica-page-header {
  background: url(../app/assets/imagenes/dimension.png) no-repeat center;
  background-size: cover; }

background: url(asset-path("dimension.png")) no-repeat center;

只需重命名css文件扩展名，如：

filename.css.scss

如果你把它上传到Heroku里，它也会起作用。只需确保您的Turbolink正常工作即可

如果您将图像放在

app/assets/images

文件夹中，则可以这样做：

#punica-page-header {
  background: url(../app/assets/imagenes/dimension.png) no-repeat center;
  background-size: cover; }

background: url(asset-path("dimension.png")) no-repeat center;

只需重命名css文件扩展名，如：

filename.css.scss

如果你把它上传到Heroku里，它也会起作用。只需确保您的Turbolink正常工作即可

你确定你的文件夹名为“imagenes”而不是“images”吗？我犯了一个错误，但不是错误，我找到了一个解决方案，谢谢你应该发布你的解决方案或删除你的问题。请尝试：

background:url（'/imagenes/dimension.png'）无重复中心抱歉，我花了几分钟才发布解决方案。您确定，您的文件夹名为“imagenes”而不是“images”？我犯了一个错误，但这不是错误，我找到了解决方案，谢谢您发布解决方案或删除您的问题。请尝试：背景：url（'/imagenes/dimension.png'）无重复中心抱歉，我花了几分钟才发布解决方案