如何在 Rails 上的 Ruby 中添加背景图片

Question

我正在尝试在 ruby 应用程序中放置背景图片，我看到这个问题已经在其他帖子中得到了回答，但它对我不起作用，我想知道我哪里失败了。

我在“/pubic/images”和 'projectname/app/assets/images/' 文件夹中都有一个名为 background1.jpg 的背景，但它似乎不起作用。

我一直在尝试直接从 html.erb 例如

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

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

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

}

我也试过在 css

的 url 路径中使用 'public/images/background1.jpg'

注意：这不是文本代码，它只是一个表示。

None 这个方法给了我一个结果。我正在使用 Ruby 4.2.0

Answer 1

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

因此您的代码将如下所示：

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

Answer 2

试试你的 css:

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

或直接在您的视图中：

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

Answer 3

问题就这样解决了

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

在视图中

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

缺点是不能随尺寸改变尺寸，但必须要有你要出现的尺寸的图片

How to add background image in Ruby on Rails