如何控制网页上的文字在图片上显示，不是作为背景图片？

如果不是用背景图片，就要用css来控制对象的层次和位置。

解决方案 »

  1.   

    <BODY>
    <div style="position:absolute;left:0;top:0;z-index:1">
    <img src="http://www.csdn.net/images/csdn.gif">
    <div style="position:relative;top:-60;left:20;color:#f00;font-size:xx-large;">CSDN</div>
    </div>
      

  2.   

    我觉得这样重叠的层还是使用绝对定位比较好，因为相对定位是相对于上一级的对象，如果网页中某些内容有占变化的话可以会影响显示的效果，以上onestab(┼─) 的例子可以改写成(其效果是一样的)：
    <div style="position:absolute;left:0;top:0;z-index:1">
    <img src="http://www.csdn.net/images/csdn.gif">
    <div style="position:absolute;top:10;left:20;color:#f00;font-size:xx-large;">CSDN</div>
    </div>
      

  3.   

    只能使用<div>但并不好。用背景图其实也很好的。不知你的要求是什么？