レイヤーを使わないでテキストの後ろに画像を配置する方法はありますでしょうか？

質問

Dreamweaver8でＨＰを作成中です。

そこでテキストの後ろに画像を配置したいのですが、
ＣＳＳでテンプレートを作っているため、
レイヤーでつくってしまうとＣＳＳでつくった範囲から外れてしまうので、
使わない方向でいきたいのですが、何か方法はありますでしょうか？

回答No.4

rqg2010

こんなのではダメでしょうか？
<img src="*******.jpg">
<div style="margin-top:-50px;">
aaaaaaaaaaaaaaaaaa<br>
bbbbbbbbbbbbbbbbbb<br>
cccccccccccccc<br>
</div>

お礼

私の質問が悪かったかもしれません。すいません。
やってみて私の説明が悪かったことに気づきました。

正しくは画像の上にテキストを重ねたいのです。
まどろっこしくて申し訳ないです。

回答No.3

goldfox

> 背景を画像には別のをしてるのでだめなんです。
No.1さんが言ったのは、bodyへの背景ではなく、テキストが入っている要素への背景指定だと思うのですが。
それでもダメなのでしょうか？
<p style="background-image:url(画像アドレス); width:○px; height:○px;">
あいうえお。かきくけこ。
width:○px; height:○px;　には画像の縦横を指定する。
</p>

回答No.2

noname#176215

画像を背景にすれば済みそうな話ですが それではダメなのでしょうね？
文字を inline要素で入力して positionで位置を指定するのはどうで
すか？

<div><span style="left: 15px; top: 20px; position: absolute; ">
あいうえお。かきくけこ</span>
<img src="*****" width="**" height="**" /></div>

実際には CSSでスタイル設定するとして。

お礼

背景を画像には別のをしてるのでだめなんです。
おしえていただいたものをやってみたいと思います。

今日は仕事が忙しく手をつけることができないと思いますので、
また明日にやりたいと思います。

ちなみに教えていただいたものは
テキストをスパンでくくっているのはわかるのですが、
この記述で画像がテキストの後ろにいくのでしょうか？

回答No.1

pbforce

Backgroundに画像を指定するのはダメでしょうか？