日期:2014-05-16  浏览次数:20571 次

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

头像真好看,是你的女儿吗?
------解决方案--------------------
<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>

------解决方案--------------------
引用:
<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