background图片叠加_CSS – 将一个图像叠加在另一个图像之上

我不能用文字来形容这个,所以我会给你看图片.

以下是我的设计师打算在我们网站的侧边栏中查看Gravatar图像的方式：

这是我制作的叠加图像(从Photoshop截取)：

这是它现在的样子……

不太理想,我想你会同意的.这是我正在使用的CSS代码：

.gravatarsidebar {

float:left;

padding:0px;

width:70px;

}

.gravataroverlay {

width:68px;

height:68px;

background-image: url('http://localhost:8888/images/gravataroverlay.png');

}

这里是XHTML(和一些PHP来根据用户的电子邮件地址获取Gravatar,这是从我们的数据库中获取的)：

echo ''; ?>

那我该怎么办？我无法使用相对定位,因为它使下面div中的“搜索”一词保持向右移动.

谢谢你的帮助！

插口