新手关于div+css的定位问题

我想实现在一张图片上，放一些文字和图标，应该怎么做？
据说是用div+css，然后什么相对定位绝对定位，再用z-index控制层的顺序，可是网上没找到合适的代码。
求大牛指导最好给些示例代码我参考一下，谢谢！

3 个解决方案

#1

头像真好看，是你的女儿吗？

#2

<div style="position:relative;width:100px;height:100px;">
    <img src="0.png" alt="" />
    <div style="position:absolute;width:100px;height:100px;z-index:2;left:0;top:0;">
        文字
    </div>
</div>

#3

引用 2 楼 microlab2009 的回复:

<div style="position:relative;width:100px;height:100px;">
    <img src="0.png" alt="" />
    <div style="position:absolute;width:100px;height:100px;z-index:2;left:0;top:0;">
        文字
    </div>
</div>

+1
或者你可以用 map