Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
  • ベストアンサー

ページがスクロールするのについてくる背景画像

わからなくて困っています。 どなたか分かる方教えてください。 トップページのトピックス部分をインラインフレームで表示させる作りにしました。 インラインフレームの表示部分は310*200です。 表示させる部分なので、トピックスの背景も310*200で作ってcssで固定させました。 表面的にはOKなのですが、ページをスクロールすると背景画像が見えなくなってしまいます。 background-repeat: no-repeat; にしてあるのですが、repeatにできない画像なので、困っています。 ページをスクロールするとついてくる背景画像にしたいのですが、どうすればできますか? cssかjavaでできるでしょうか? 教えてください。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • gura_
  • ベストアンサー率44% (749/1683)
回答No.2

 background-position: center center; などを記述したら如何ですか↓ http://www.tohoho-web.com/css/reference.htm#background-position

参考URL:
http://www.tohoho-web.com/css/reference.htm#background-position
chisalin
質問者

お礼

guraさん、ありがとうございます!! できました!! 助かりました。 今度はフレームに出た横スクロールをはずさねば…。 ありがとうございました。

すると、全ての回答が全文表示されます。

その他の回答 (2)

  • NTJ
  • ベストアンサー率44% (46/103)
回答No.3

もはや、JavaScriptの話題ではないですが・・・ overflow:hidden; で、スクロールバーは消せるかと(笑 横だけ消すなら、 overflow-x:hidden; ですね。

chisalin
質問者

お礼

NTJ様ありがとうございます。 スクロールバーの横だけ消したかったのですー。 横のサイズ指定とったら横だけ消えたのでヨシとしました(笑) ありがとうございました。

すると、全ての回答が全文表示されます。
  • mimics
  • ベストアンサー率18% (27/149)
回答No.1

フレームのお話なのでもしかしたら的外れな事を言ってしまうかもしれませんが、 背景画像を固定するスタイルシートの body { background-attachment:fixed; } では行けませんでしょうか?違ってたらすみません。

chisalin
質問者

補足

mimicsさん、お返事ありがとうございます。 body { background-attachment:fixed; } だと背景は固定されますが、テキストの行数が310*200で設定してあるものを超えた場合、背景がなくなってしまうので困っています。 今回使っている背景はスクロールさせたくない画像なのです。 表示される背景はそのままで310*200の枠の中で、長いフレームページを表示させたいのですが。。。 分かりにくいかもしれないですがよろしくお願いします。

すると、全ての回答が全文表示されます。

関連するQ&A