Question

我一直在研究Rails应用程序。在开发我的Rails应用程序时，我使用了我在网上找到的临时图像作为我的欢迎页面上的背景图像。但是，我现在正在完成我的Rails应用程序的最后一个过程，我想用自定义的图像替换该图像。问题是，图像没有显示。有什么想法吗？

我已将图片放在public / assets / images / background.jpg中。

这是CSS：

.bg {
                /* The image used */
                background-image: url('/assets/background.jpg');

                /* Full height */
                height: 100%;
                max-height: 2000px;

                /* Center and scale the image nicely */
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }

下面你会找到身体html：

<div class="bg">
        <h2 class="w3-wide" style="font-size: 400%; text-align: center; 
        padding-top: 20%; color: white; min-padding: 30px">Fashioned For Him</h2>
    </div>

这会产生空白的白色背景。使用上面的确切代码，我在开发过程中的图像工作得很好。唯一的区别是我使用存储它的在线链接链接到另一个图像。

我尝试了以下所有方法：

使用欢迎页面index.html将图像直接存储在文件夹中。然后我将图像的路径从（'/assets/background.jpg'）更改为（'background.jpg'），但没有任何反应。
我还将图像直接放入公共文件夹，然后编辑图像路径以匹配。但事却没有发生。

有什么想法吗？

Answer 1

如果图像放在公共/资产下，你可以在http://localhost:3000/background.jpg查看图像（假设rails在端口3000运行），那么你应该可以从CSS文件链接 background-image: url('/assets/images/background.jpg');。

JPG欢迎图片无法在Rails应用程序中显示

1 个答案: