Rails 6，在 CSS 中顯示圖像

Question

我正在嘗試使用 CSS 將我的網頁背景更改為圖像。 我無法弄清楚如何在 CSS 中引用一次我的 Rails 6 圖像。 我試過資產網址，圖片網址。 我已經使用 HTML 和以下代碼使圖像工作。

<%= image_pack_tag 'Slide1.jpg' %>

如何在 CSS 中使用我的“圖像包”圖像？

Answer 1

歡迎來到 StackOverflow，大通！

您是否考慮過將圖像移至公共資產管道？ 如果將 Slide1.jpg 移動到/public/images/Slide1.jpg則可以輕松引用該圖像：

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

或者，您可以將其移動到本機管道 ( app/assets/images ) 並在 CSS 中引用資產 URL。

Answer 2

<div style="background-image: url(image_path('Slide1.jpg'));" >