• ベストアンサー

背景画像が動かないWebページの作り方?

例えば下記のサイトのように、スクロールしたとき背景の画像が一緒に移動しないで固定されたようなWebページの作り方を教えてください よろしくお願いいたします http://www.argosoft.com/mailserver/download.aspx

  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

スタイルシートでは背景について色々な表示方法を指定できます。 その中に背景画像をスクロールさせないという指定もありますので試してみては? 具体的な指定例などは参考URLを読んでみてください。

参考URL:
http://www.htmq.com/style/background-attachment.shtml
doka3734649
質問者

お礼

なるほど!! スタイルシートを使って実現していたのですネ 大変参考になりました ありがとうございました

その他の回答 (1)

回答No.2

どのあたりまで出来るのか分かりませんが、このタグで固定できます。 <STYLE type="text/css"> <!-- body{ background-attachment:fixed; background-image:url(bg.gif); background-position:top center; background-repeat:no-repeat;} --> </STYLE> URLのサイトは、他の方法みたいです。

doka3734649
質問者

お礼

実際に作って実験しました。これでうまく行くようですネ。 参考になりました ありがとうございました

関連するQ&A

  • 背景固定ページ

    背景固定ページ http://www.umemotodc.com/ のサイトは背景が固定されていて下にスクロールしても背景がうごきませんがどうやって作られているのですか。ウェブデザイナーです。よろしくお願いします。

  • Publisher利用したWEBページ作成【背景画像をスクロールしない】

    Microsoft Office Publisher 2003でWEBページを作成しています。 背景画像をスクロールさせないにはどうしたらいいですか? こんな感じにしたいです。 http://www.tagindex.com/stylesheet/page/background_image4.html

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

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

  • Web制作でこのようなことが出来る

    WebでGolive9を使っていますが下のサイトのような背景画像を固定してテキストだけをスクロールできるでしょうか、どなたかよろしくお願いします。 http://www.myspace.com/foxdeluxe

    • 締切済み
    • Mac
  • HTML 背景画像が下になりません

    HTMLで、メモ帳にタグを打ってページを作っています。 有名なタグ紹介サイトを見てやっているのですが、なかなかうまくいきません。 背景固定(スクロールしても背景が動かないもの)で、 背景色を青色にして、右下ギリギリに小さい画像を背景にしたいのですが、画像が右には寄るものの下に寄ってくれなかったり、必要以上に下の方へ下がってしまいスクロールしないと背景が出てこない等となってしまいます。 どういう風に打てばうまくいくでしょうか?

  • Webペーの背景にWebページを表示する

    Webページの背景として、画像や色ではなく、Webページを表示することは可能でしょうか? 背景として利用したいページが簡単に編集できるのならよいのですが、サイト内のすべてのページで共通にしたいとかいうことがあって、インラインフレームは利用できません。 ですから、背景に利用したいページを編集するつもりはありません。 お願いします。

    • ベストアンサー
    • HTML
  • CSS/背景画像について

    スタイルシートを使って、背景画像を上下横一列に表示させるにはどうしたらよいでしょう? どちらか一方ならば問題なくできるのですが、同時に2箇所・・・となると、書き方が分かりません。 固定ではなく、スクロールしたら一緒に移動させるようにしたいのです(フレームは×)。 上に文字が重なる形になります。よろしくお願いします。

    • ベストアンサー
    • HTML
  • 縦長の画像をスクロール、背景固定

    Wordpress Stinger5を使っています。 トップページの高さが3000px 画像の高さが1500pxです。 この画像を背景にし、ページの上部に表示し、 下にスクロールして、背景画像が途ぎれるときに 背景が画像が固定する方法が知りたいです。

    • 締切済み
    • CSS
  • ブログの背景画像が崩れます。

    ブログのテンプレートにCSSで左上・右下と、背景画像を2枚固定しました。 しかし全画面表示の時には問題ないのですがブラウザの大きさを変えると背景画像も一緒に動いてしまい画像が重なり合ってとても見づらくなってしまいます。 ブラウザが小さくなったら、下部に横スクロールを出して背景、コンテンツを固定したままにしたいのですがどうすればいいのでしょうか。 うまく説明出来なくて申し訳ありません。 宜しくお願い致します。

  • 背景の透明化教えて下さい *画像の上に画像

    WEBを作る際に画像の背景をGIFで背景を透明化を選択して保存すると、周りがギザギザになってしまいます。 マットで処理できればいいんですが、その画像の下にHTMLで画像での背景があるため、Backgroundの色が指定ができないんです。 画像自体にページ背景を合わせて保存すればと思ったんですが、HTMLページ全体の背景(リピート)になってるので、画面のサイズを変えるとその背景も移動するため、画像に背景をつけて保存してもどうしようもない状態です。 なんか背景背景ばっかでこんがらがりますよね汗 要は画像1(ページ背景)の上に画像2(ロゴ)の背景を透明化させたものをWEBで表示したいんです。 PhotoShopでもFireworksでも大丈夫です。 どうかご指導よろしくお願いします。