背景图像，除其他外，不会在线显示，但可以在本地工作答案

【问题标题】：background images, among other things wont show online but work locally背景图像，除其他外，不会在线显示，但可以在本地工作
【发布时间】：2016-10-07 02:29:33
【问题描述】：

我意识到这个问题已经被问过一万亿次了，但我似乎无法让我的背景图片出现在网上。它在本地运行良好。

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

background-image: url(../img/Banner_hd.jpg) no-repeat center center fixed;

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

我还能尝试什么？当我使用页面检查器时，我发现该图像有一个 404 not found 错误并被列为 html/text，而只有一张图像似乎正确出现，但不知道为什么。

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

相关代码如下：

   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;
}

【问题讨论】：

随时向我们展示您的代码。
html:

css: .cover { background-image: url('../img/Banner_hd.jpg') 无重复中心中心固定；背景尺寸：封面；显示：表格；宽度：100%；高度：100%； -webkit-background-size：封面； -moz-background-size：封面； -o-background-size：封面；背景尺寸：封面； }
您可以编辑您的问题并将整个代码放在那里。

标签： html css image

【解决方案1】：

一种方法是将整个路径放在横幅上，如下所示：网址(http://somewebsite.com/css/img/Banner_hd.jpg)

你还提到你的图片的正确路径是 url(/css/img/Banner_hd.jpg)，你试试吧。

【讨论】：

对不起，让我澄清一下文件夹结构：project - img -Banner_hd.jpg - css -Hstyles.css

【解决方案2】：

如果您的图片是本地的，并且您的代码是在线的，那么您的问题就会出现。它很难猜测你的问题出在没有代码来测试。否则，请尝试使用直接 URL，例如 http://yoursite.com/img/dawn-sm.jpg

【讨论】：

好的，我试过这个背景图片：url(myweb.com/img/Banner_hd.jpg') no-repeat center center fixed；仍然没有...我需要在 html 和 css 中引用图像吗？注意：这显然不是网站的实际名称，你当然明白我没有足够的信心分享实际名称/网址。
必须在前面添加http:// 才能将其正确定向到网站。而且……信心是建立在反复试验的基础上的。你会失败很多......但最终你会得到它。 :)
哦，我在css里写的，我重新输入的时候忘记了。这是我的第一个网站，但我仍然知道很多哈哈

【解决方案3】：

我想说我解决了它，但我不认为我与它有任何关系。昨晚放弃了，上床睡觉，醒来，背景图像突然工作正常。我猜是在服务器端。感谢您的所有帮助！ :)

【讨论】：