如何在Ruby on Rails中添加背景图像

Question

我试图将背景图片放在一个红宝石应用中，我已经看到这个问题已在其他帖子中得到解答，但它对我没有用，我想知道我在哪里失败。

我在＆＃39; / pubic / images＆＃39;中都有一个名为background1.jpg的背景。并在项目名称/ app / assets / images /＆＃39;文件夹，但它似乎没有用。

我一直在直接从html.erb上尝试

<div id="boxy" background-image="......."> </div>

但它没有用。所以我去了css，它是这样的：

boxy{
   ...
   background-image: url('projectname/app/assets/images/background1.jpg');

}

我也尝试过使用＆＃39; public / images / background1.jpg＆＃39;在css的url路径中

注意：这不是文本代码，只是一种表示形式。

这些方法都没有给我一个结果。我使用Ruby 4.2.0

Answer 1

试试你的css：

#boxy{
  background: image-url('background1.jpg') no-repeat;
}

或直接在您的观点中：

<%= image_tag('background1.jpg', style: "height: 30px; width: 30px") %>

Answer 2

这对我有用。 background: url( asset-path('file-name.jpg') ) no-repeat

所以你的代码看起来像是：

#boxy{
  background: url( asset-path('file-name.jpg') ) no-repeat;
  background-size: 100% 100%;
}

Answer 3

问题就像这样解决了

添加图像是app / assets / image文件夹

在视图中

<%= image_submit_tag('nameimage.png') %>

缺点是你无法改变尺寸大小，但你必须拥有你想要出现的尺寸的图像