【问题标题】：CSS - individual background-image [duplicate]CSS - 个人背景图像[重复]
【发布时间】：2014-10-22 07:22:46
【问题描述】：

我有以下 HTML 代码：

<div class="avatar"></div>

... 和以下 CSS：

.avatar {
    background: url(img.png) no-repeat;
    background-position: 2px 5px;
}

但图像不会显示。我该如何解决这个问题？

（是的，我已经为我的答案搜索了多年，但一无所获。）

我的整个代码：

<body onload="countdown()">
<div class="avatar"></div>
<img src="..." class="logo" />
    <div id="box"><b><u><?php echo $titel; ?></u></b>
        <br /><br />
        <?php echo $text1; ?><br /><br />
        Lorem ipsum.. <span id="countdown" style="color: white"></span>Lorem ipsum..<br />
    </div>
</body>

【问题讨论】：

img.png 与 .html 所在的文件夹是否相同？
在询问处理 HTML 的问题时，请给出 呈现的 HTML，而不是 PHP 端

标签： html css

【解决方案1】：

您的 div 没有宽度或高度，这就是它不会显示背景图像的原因，请尝试给它一个宽度和高度，

.avatar {
    background: url(img.png) no-repeat;
    background-position: 2px 5px;
    width:500px;
    height:500px;
}

如果这不起作用，则说明您的图片链接有问题。

【讨论】：

【解决方案2】：

进行这些修改:)

.avatar{
  background-image: url("img.png");
  background-repeat: no-repeat;
  background-position: 2px 5px;
  }

【讨论】：

【解决方案3】：

如果这是您的整个代码，则您没有宽度或高度见http://jsfiddle.net/2ms2dpww/

.avatar {
    width:1000px;
    height:1000px;
}

编辑

它不起作用，因为您关闭了 div 看到这个http://jsfiddle.net/2ms2dpww/1/

我最后关闭了一切正常

<div class="avatar">

【讨论】：

这不是 mir 完整的代码，我有更多的内容。当我添加高度和宽度时，我的内容会下降。
@Aarivex 在小提琴中显示您的代码，这样会更好