修改

Question

我有以下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>

Answer 1

你的div没有宽度或高度，这就是为什么它不能显示背景图像，试着给它一个宽度和宽度。高度，

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

如果这不起作用，则图片链接出现问题。

Answer 2

进行这些修改：）

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

Answer 3

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

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

修改

由于您关闭了div，因此无效，请参阅此http://jsfiddle.net/2ms2dpww/1/

我最后关闭了一切正常

<div class="avatar">

CSS - 个人背景图像

3 个答案:

修改