我有以下的HTML代码：CSS - 个人背景图像

...和下面的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>

来源

2014-10-18 Aarivex

是img.png位于其中的.html位于同一个文件夹？ – Gunaseelan 2014-10-18 13:56:04

编辑我的话题。 – Aarivex 2014-10-18 14:05:26

当提出处理HTML – 2014-10-18 14:47:43

您的DIV不具有宽度或高度，这就是为什么它将不显示背景图片，尝试给它一个宽度&高度，

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

如果这也不行，有什么东西错了你的图片链接。

来源

2014-10-18 13:57:35 Nick

进行这些修改:)

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

来源

2014-10-18 13:58:38

的问题时，请给出*呈现的* HTML而不是PHP的一面，对不起，我的错误 – 2014-10-18 14:04:14

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

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

编辑

这是行不通的，因为你关闭了DIV看到这个http://jsfiddle.net/2ms2dpww/1/

我关闭这个在结束一切正常

<div class="avatar">

来源

2014-10-18 13:59:31 Akshay

这不是mir整个代码，我有更多的内容。当我添加高度和宽度时，我的内容会下降。 – Aarivex 2014-10-18 14:01:54

@Aarivex在小提琴中展示你的代码，那么它会更好 – Akshay 2014-10-18 14:03:10

@Aarivex查看编辑 – Akshay 2014-10-19 04:58:58

CSS - 个人背景图像

回答

编辑

相关问题