フレームを無視できるのですか？

質問

下記の画像ですが
フレームを４つにわけて作りたいのですが
フレームＢのところにある
いるか^^;をフレームＡ，フレームＤにまたがって
表示させたいのですができるのでしょうか？
http://www2.tontonme.ne.jp/users/ching/tes/111111111.jpg

回答No.2

mameusa · ベストアンサー

画像として表示するのですか？
背景なら１枚の画像でフレームを横断して表示させられますが…
背景じゃまずいですか？

＊背景としての１つの画像に連結するCSS

画像を横断させようとしているので、フレーム枠は0になっているものとします。
仮に
フレームＡの高さ100px
フレームＢの高さ200px
フレームＤの高さ任意
とします。

背景画像はimgというディレクトリに入っているiruka.jpgとします。
フレームＡＢＣ用のHTMLファイルと同じ階層にimgというディレクトリがあるとします。

フレームＡに入るHTMLファイル用のCSS
body{
background:url('img/iruka.jpg') no-repeat fixed 0px 0px;}
左上0地点から背景表示開始。

フレームＢに入るHTMLファイル用のCSS
body{
background:url('img/iruka.jpg') no-repeat fixed 0px -100px;}
上に100px（フレームＡの高さ）はみ出る

フレームＤに入るHTMLファイル用のCSS
body{
background:url('img/iruka.jpg') no-repeat fixed 0px -300px;}
上に300px（フレームＡ＋Ｂの高さ）はみ出る。

'img/iruka.jpg'部分は適宜変えてください。ファイルから見たパス。

no-repeatは繰り返さないの意味

fixedはウインドウをスクロールしても画像が動かない（ついてこない）意味。

0px -300px
横（左）からの位置　縦（上）からの位置の順番
フレームのそれぞれの高さに合わせて変更。

それぞれのフレームに入るHTMLファイルにスタイルシートを記入。
もしくは外部CSSで…
HTMLファイルの階層が変わるのなら、画像ファイル指定は、http://～/img/iruka/jpg　フルに書いてしまっても構いません。

回答No.1

asahina02

このイルカさんは別画像でいいのでしょうか？

その場合、CSSのposition指定でいけるのではないでしょうか

position:relative;
top:50px;
left:20px;

補足

別画像です
すみません。CSS初心者なので
もう少し詳しく教えていただけないでしょうか？
よろしくお願いいたします。