CSS:背景图片不显示

Question

我正在尝试为个人元素设计和创建聊天框 UI，但我遇到了一些问题......

我有一个 div 作为聊天框的退出按钮。我有一个 .png，我想用作该元素的主要外观。通过使用 CSS 的 background: url()，我打算让它成为该按钮的背景，但它似乎没有显示出来。

我查看了 Chrome 开发工具，但它说它可以识别图片...它已正确链接，并且显示了其他属性，但由于某种原因，它根本没有出现:

HTML:

<div class= "cB">
  <div class= "cB-header">
    <div class= "cB-buttons">
      <div class= "cB-exit"></div>
    </div>
    <div class= "cB-name">Ajeethen Uthayakumaran</div>
  </div>
  ...
</div>

CSS:

.cB {
    background-color: rgb(226, 226, 226);
    position:absolute;
    bottom:0;
    width: 260px;
    height: 350px;
    float:right;
}

.cB-header {
    background-color: rgb(0, 248, 66);
    width: 100%;
    height: 40px;
}
.cB-name {
    display:inline-block;
    width: 195px;
    font-family:Oswald;
    font-size: 16px;
    color: rgb(0, 112, 38);
    padding: 7px 10px 4px;
}
.cB-buttons {
    display:inline-block;
    float:right;
}

.cB-exit {
    display:inline-block;
    background: url(../img/exit.png) no-repeat;
    height: 40px;
    width: 40px;
}

有人有主意吗？如果您需要除标记和 CSS 之外的任何其他内容，请发表评论。

更新:文件路径链接正确...连接正确，我可以通过 Chrome 提供给我们的开发工具看到它...

但是，我刚刚意识到我的图像是 600 x 600，这比我预期的 40x40 大很多...这会改变什么吗？

Answer 1

如@showdev所述

它工作正常，这是演示:

http://jsfiddle.net/jLNrv

确保你的文件路径是正确的!

这里是文件路径的简要说明:

./表示当前目录

../表示当前目录的父目录，不是根目录

/为根目录

myfile.text 在当前目录，./myfile.text

../myfile.text 比您高一级，/myfile.text 位于您的根目录中。