新手问 如果在一张图片上加上文字 100分 在先等

[cc77077]

我试了加上文字 可窗口大小该变的时候 文字的位子也该了 应用什么方法固定文字的位子

[cc77077]

没人吗

[my_web]

photoshop

[cc77077]

我不想在photoshop里该 只是在图片的位子加上去

[ilvs]

DIV 内,图片做背景,文字做内容

[zxfly]

一个层，文字绝对定位浮动在图片上，或者图片做背景……

[uno]

楼上的方案应该是最佳的

div高宽固定
背景就是图片
文字用position:relative，left和top定位

[chenguang79]

楼主在图片上用CSS写字不就完了吗

[wren135]

可以用水印的控件什么的。

[hero4u]

呵呵，设置为背景图片么

[Hozaka]

假设图片宽度为 300，高度为 100，文字要固定在图片左上角，距离上边界和左边界各 10。以上单位均为像素

<style type="text/css">
div.warper { width: 300px; height: 100px; position: relative; padding: 0px; }
div.warper div.fixed_text { position: absolute; left: 10px; top: 10px; }
</style>

<div class="warper">
<img src="xxxx.jpg" width="300" height="100" alt="xxxx image" title=" xxxx image" />
<span class="fixed_text">Text goes here.</span>
</div>

这样可以保证文字相对于图片是固定的，同时也是语义上比较规范的写法

[rocy520]

DIV

[cgisir]

希望对你有所帮助!
<style type="text/css">
#main{position:relative}
#img_txt{position:absolute; top:0; left:0;}
</style>
<div id="main">
<img src="my_img.gif" height="100px" width="300px" />
<span id="img_txt">hansir.cn</span>
</div>