Question

我有一个带有背景图片的着陆页，该图片在本地显示，但是当我将其推出现场时，我无法在互联网上看到它。

我的文件结构非常简单，我有一个名为runn的根文件夹，在该文件夹中我有一个css文件夹，一个图像文件夹等。

下面是我的背景图片的CSS。

body {
    color: white;
    background: #ee6184;
    background-image: url('../images/image_01.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 180%;
    margin: 0; 
    padding: 0;
    width: 100%;
    text-align: center;
}

Answer 1

查看浏览器控制台（或网络），可能会显示此图像的404错误。这意味着您的路径不适用于服务器，也可能是403（禁止）或其他错误。

此外，如果根目录不在子文件夹中，您可以将路径设置为/images/image_01.jpg：domain.com/runn/。

请以其他方式放置链接，以便我能理解这个问题。

Answer 2

通常在调试图像未按预期显示时，请访问chrome控制台，查看是否有404说无法找到资源。

background-image: url('../images/image_01.jpg');

这意味着您在html中编写的路径中不存在此类文件。然后重新配置图像路径或将资源上传到正确的路径。

你可以在css中使用相对路径，就像你在这种情况下所做的那样

background-image: url('../images/image_01.jpg');

或者您可以在服务器语言文件中使用绝对路径，例如在php

中

background-image: url('<?php echo site_url();?>/images/image_01.jpg');

CSS背景图像

2 个答案: