图像在本地文件中工作，而不是在在线网站上显示？

Question

这是我正在使用的代码，例如，我将通过Bootstrap使用Jumbotron。

CSS

.divA           {
            margin: 30px 0;
            background-image: url("Images/pup.jpg");
            background-repeat: repeat;
            background-position: 30% 30%;
        }

HTML

<div class="jumbotron divA" id="top">
     <div class="container">
      <h1><font color="#0059d4" face="Fresca">Puppys!</font></h1>
      <p><font color="#0059d4" face="Roboto Condensed">I love puppa :D</font></p>
      <p><a class="btn btn-primary btn-lg" href="the-blog.html" role="button">View pups!</a></p>
    </div>
    </div>

它在我的本地计算机上显示如下......

但是在这样的网站上......

任何帮助？

有趣的是，这里的代码相同......

<div class="divI">
            <a target="_blank" href="****">
                <img width="600" src="Images/unnamed.jpg">
            </a>

两者都完全正常，我在这里做错了什么？谢谢：D