フレームで背景画像を継ぎ目なく表示させるには

締切済

質問者：rokki_120
質問日時：2007/01/03 00:55
回答数：3件

横フレームで上下のフレームに同じ背景画像を継ぎ目なく表示させ、
ひとつのページのように見せたいのですがどのようにすれば良いでしょうか？

リファレンスを見た限りCSSでbackground-positionを使えばできそう
と思うのですが、具体的にどうすれば良いのかがわかりません。

おわかりになる方宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： vista2446
回答日時：2007/01/04 15:40

background-image:url(○○.gif);　画像パス

background-position:横位置縦位置;　　　　pxまたは%で指定　横と縦の間に半角スペース
background-attachment:fixed;　背景を固定
<body style="background: url(aa.gif) 88% top fixed;">のようにまとめることもできます。

ブラウザで確認しながら設定した方がいいみたいです。IEとFirefoxで微妙にズレました。
試してみてください。しかし、上フレームが180pxで画像の高さが30pxならそのままでも合いそうな気もしますが。..

- 0
- 件

通報する

No.2

回答者： LACOMS
回答日時：2007/01/03 09:42

フレームセットを作るときに以下のようにするとフレームボーダーは、なくなって、つなぎ目がなくなりますよ。

<frameset rows="80,*" frameborder="no" border="0" framespacing="0">

frameborder：フレームボーダーの表示の有無を指定します。
　　　　　　　yes（表示），no（非表示）
　　　　　　　１（表示），０（非表示）で指定しても可
border
framespacing：どちらもボーダーの太さですが、ブラウザの種類や
　　　　　　　バージョンによってどちらを使うかなのですが、
　　　　　　　両方指定しておけばOKです。
これでよろしいでしょうか？違っていれば、また質問してください。

- 0
- 件

通報する

この回答へのお礼

お早い回答ありがとうございます。

すみません、書き方が悪かったですね。
フレームの境界線がなくなるように、ではなく、
上下フレームに同じ背景画像を表示させてそれが継ぎ目なく表示
されるようにしたい、ということだったんです。
どうしても上フレームの下と、下フレームの上がずれてしまうので…

しかし丁寧なお答えありがとうございました！

通報する

お礼日時：2007/01/03 21:17