Html 设置跨度元素样式时，图标不会出现

我试图插入一个图像，它是&符号，但它似乎不会出现在我的html中

我的HTML代码是：

  <section style= "background: #FEFEFE;" id="intro">
  <b>" We are a digital marketing shop that creates marketing solutions" <br>
  <br>


   As designers, programmers <span> & </span> problem solvers, we love all things                          

  </b>
  </section>

---

看看HTML中的一个简单的

&

是错误的。它应该是

&

@Austin如果您使用CSS背景图像，您不需要img标记。如果您要渲染背景图像，为什么在span内有&。很多时候，我喜欢直接从根目录开始，使用/而不是依赖../（这意味着向上一个目录，然后向下返回到图像的另一个目录）。最后，试着用临时边框样式包装它，或者给它特定的宽度，看看它是否把你的背景放在了你不希望看到的地方。你想让我把img src放在我想要图像的span标记中吗。该图像位于img文件夹中，名为icon.jpg请解释您的答案。我没有解释，您在哪一点上有问题需要理解？目前还不清楚您对原始代码做了哪些更改以解决问题。重点是…原始代码几乎就在那里，但他似乎是从某个地方复制的，而且是包含背景位置的。请参见这一行的

-0px-13px

背景：url（../images/icons.png）无重复-0px-13px。它导致图像不出现，除非他使用精灵图像（我很确定他没有）
 #intro {
     height: auto;
     padding: 50px 0;
     background: #fff;
     text-align: center;
     color: #52626e;
     font-size: 30px;
     font-weight: normal;
 }
 #intro span {
     background: url(../images/icons.png) no-repeat -0px -13px;
     padding: 0 12px;
     text-indent: -9999em;
     display: inline-block;
     *display:inline;
 }

#intro {
  height: auto;
  padding: 50px 0;
  background: #fff;
  text-align: center;
  color: #52626e;
  font-size: 30px;
  line-height: 36px;
  font-weight: normal;
}
#intro span {
  background: url(http://www.makeyourowngarments.com/sites/default/files/our_images/&%20sign.png) no-repeat;
  background-size: 36px;
  width: 36px;
  text-indent: -9999em;
  display: inline-block;
}