【问题标题】:Rails 6, displaying images in CSSRails 6,在 CSS 中显示图像
【发布时间】:2020-03-01 02:51:48
【问题描述】:

我正在尝试使用 CSS 将我的网页背景更改为图像。我无法弄清楚如何在 CSS 中引用我的 Rails 6 图像中的一次。我试过资产网址,图片网址。我已经通过以下代码使用 HTML 使图像工作。

<%= image_pack_tag 'Slide1.jpg' %>

如何在 CSS 中使用我的“图像包”图像?

【问题讨论】:

  • 您的Slide1.jpg 图像在您的应用中的什么位置?
  • 它在 app/javascript/images 中

标签: css ruby-on-rails sass


【解决方案1】:

欢迎来到 StackOverflow,蔡斯!

您是否考虑过将图像移至公共资产管道? 如果将 Slide1.jpg 移至 /public/images/Slide1.jpg,则可以轻松引用该图像:

background_image: url('/images/Slide1.jpg').

或者,您可以将其移至本机管道 (app/assets/images) 并在 CSS 中引用资产 URL。

【讨论】:

  • 我尝试将它添加到第一个目录,但 url 命令导致我的 webpacker 无法编译。使用管道方式,我使用什么命令?我尝试了 image_url() 但它想要在我的样式表目录中的图片。
  • 你能显示阻止 webpacker 编译的堆栈跟踪吗?
猜你喜欢
  • 1970-01-01
  • 2020-01-23
  • 2020-12-04
  • 1970-01-01
  • 1970-01-01
  • 2017-09-30
  • 2011-03-09
  • 2020-12-25
  • 1970-01-01
相关资源
最近更新 更多