使用CSS将“月份获胜者”图像覆盖在另一个图像上

Question

对于前者，我有一张图片Projector.jpg http://lieblingskoeder.umatechcorner.com/imgsample/Projector.jpg

首先，我在我的画廊中以特定尺寸显示此内容。这样显示了几个图像。

其中一张图片应标记为＆＃34;当月的获胜者＆＃34;。为此，我有另一个透明图像WinnerOfTheMonth http://lieblingskoeder.umatechcorner.com/imgsample/winnerofthemonth.png。我需要在projector.jpg的左上角显示这个图像。

是否可以使用CSS实现这一目标？有人可以帮忙吗？

Answer 1

1. 将两张图片放入div
2. 提供div position:relative
3. 将月份图片的获胜者设为position:absolute;top:0;left:0;

<强> jsFiddle example