Question

我意识到这已被问过一万亿次，但我似乎无法将我的背景图像显示在网上。它在当地运作良好。

我在我的img文件夹中使用了Banner_hd.jpg的相对路径名，而我的css在我的css文件夹中。

background-image：url（../ img / Banner_hd.jpg）无重复中心固定;

我尝试使用和不使用引号，我尝试使用image-url而不仅仅是url，背景而不是background-image，我尝试转换为png，并重命名为banner.jpg。我还尝试了一个网址，如网址（http://myweb.com/img/Banner_hd.jpg），但仍然没有运气。

我还能尝试什么？当我使用页面检查器时，我发现图像有404未找到错误并被列为html /文本，而只有一个图像似乎正常，但不确定原因。

如果我能提供更多相关信息，请告知我们，谢谢！

见下相关代码：

   html:

<div class="cover">

        <div class="cover-text">            
            <img src="img/sm.jpg" class="img-circle">          
            <img src=" img/Logo-new.png " class="logo">        
      </div>
    </div>

css:

.cover {
    background-image: url('../img/Banner_hd.jpg') no-repeat center center fixed;
    background-size: cover;
    display: table;
    width: 100%;
    height: 100%;    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Answer 1

一种方法是将整条路径放到横幅上，如下所示： URL（http://somewebsite.com/css/img/Banner_hd.jpg）

另外你提到你图像的正确路径是url（/css/img/Banner_hd.jpg），试试吧。

Answer 2

如果您的图片是本地图片，并且您的代码在线，那么您的问题就在那里。难以猜测你的问题在哪里，没有代码可以测试。否则，请尝试使用http://yoursite.com/img/dawn-sm.jpg

等直接网址

Answer 3

我想说我解决了它，但我认为我没有任何关系。昨晚放弃了，上床睡觉，醒来，背景图片突然正常工作。我想这是在服务器端。谢谢你们的帮助！：）

背景图片，除了其他东西不会在网上显示，但在本地工作

3 个答案: