Html 头像未正确放置在讲台上

我只是想知道如何让一个阿凡达人物站在讲台上（另一张图片）。这里有一个例子我的意思。我希望阿凡达人站在讲台上，如图B所示

我把它玩弄了一番，结果它错了

我做错了什么

---

谢谢。

代码的重要部分是：

<img src="/path/to/avatar" />
<div id="avatar-holder"></div>

我们想自由地定位我们的图像，所以我们这样做：

#avatar-holder {position:static;}
#avatar-holder > img {position:absolute;}
/* OR:
#avatar-holder > img {position:relative;}
*/

现在，您可以摆弄图像的

top

/

left

属性，可能会指定负像素值，直到它看起来正确为止。只适用于总是相同大小的图像，或者我们需要更复杂的东西。你也可以用边距做布局，但我认为这并不优雅

如果结果显示头像覆盖了您的文本框，只需在头像支架上添加一个

边距顶部

---

使用背景图像时，您可能还希望使用

无重复

；在你使用的属性中，

color

和

text shadow

在这里完全没有用处。

伙计，接受一些答案。不错的照片。：）你的图像的CSS是什么（不是背景，而是头像？）另外，你确定头像不应该进入头像支架吗？你的定位是关闭的。需要更多的左/顶偏移。我们没有虚拟化身，它们是从游戏链接而来的。我们是粉丝！还有，阿蒙，我试着把它放在div里面，但它不符合我想要的结果，如图B所示。

#avatar-holder {position:static;}
#avatar-holder > img {position:absolute;}
/* OR:
#avatar-holder > img {position:relative;}
*/