- ベストアンサー
画像を固定+位置の指定
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
こんばんは。 おそらく、二枚の背景画像を同時に固定という事は出来ないのではないかと思います。 ご希望のような効果を実現したい場合は、背景画像と写真を合成して一つの背景にし、写真が真ん中に来るように固定するという方法。 (文章はページの上から下まで写真の上を通過していく感じ) overflowでスクロールバーを出したテーブルなどの背景に写真を固定する方法。 (文章は写真の上だけをスクロールする感じ。もっと範囲を広げたり、余白などは調整できます) あるいは、インラインフレームを使う方法。 (上に同じく) ざっと思いつく限りではこんな感じです。 もっと良い方法もあるのかもしれませんが。 一番ブラウザによる効果の差が少ないのは背景を合成する方法、次がインラインフレームですかね……
その他の回答 (1)
- l-3-ly
- ベストアンサー率49% (394/793)
こんばんわ、 background-attachmentを 使う方法できると思います。 http://www.htmq.com/style/background-attachment.shtml
- 参考URL:
- http://qrl.jp/?143235
お礼
ご回答ありがとうございます。 URLを参考にしてやってみます!
関連するQ&A
- 画像の固定について
ホームページをTAGにより作成しています。 閲覧するときにスクロールをしますが、その画面上たとえば最上部にバナーのようなものをおいて、スクロールしても常に画面上で見れることはできますか。 検索ですと「背景画像の固定」は、たくさんありますが、 単なる画像の固定というのがなかなかみつかりません。 このうち上に固定というのでためしてみたら、スクロールした場合、そのバナーがうしろに行ってしまい見えなくなってしまいました。 使用方法は、画面いっぱいに画像を表示させ、小さなバナーで「画像をクリックしてください」というのをおきたいのです。 一定のところにおくと、画像をスクロールさせて場合見えなくなってしまうのでこれを常に見えるようにしたいのです。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 背景を固定し文章だけをスクロール
こんにちは。 自分のホームページの背景に写真を選んだため、日記などでスクロールしていると目が回ってしまうんです。背景を固定し、文字だけをスクロールさせる事はできないのでしょうか? 御回答をよろしくお願いします。
- ベストアンサー
- HTML
- ホームページの背景固定
ページの背景に画像を置いて固定し、文字だけがスクロールするようにしたいのですが、どのようにしたら良いのでしょうか。 ホームページビルダー7を使っています。
- ベストアンサー
- ホームページ作成ソフト
- 背景を固定したままスクロールするには?
WEBページに背景をいれると画面を覆いつくすように何枚も表示されてしまいます。 一枚の画像(背景)の上を文字だけがスクロールされるようにするにはどうすればいいのでしょうか?
- ベストアンサー
- ブログ
- ホームページ作成で画像の固定が上手く出来ません
画像の固定方法がよくわかりません。 ホームページで1024×768サイズの画像を 背景にしようと思います、 しかし、画像のサイズに、テキスト文章が収まりません、 横はよいのですが、縦はがだめです、 ホームページビルダー 6.5で作成しておりますが、 ディスプレイサイズは、1024×768サイズで作成しております 画像の設定メニューで、画像を固定してしまうと、 作成したテキスト文章の背景画像に入りきならない部分が、 背景が真っ白になったり、 拡大固定?されたような感じになり、 テキストはスクロールするのですが 背景に指定した画像が部分的に大きくなってしまい、 全部の背景が表示できなかったりします。 画像を垂直で繰り返すにしてしまいますと、 画像の切れ目があからさまにでてしまい不自然になってしまいます。 画像サイズ&ディスプレイサイズが、1024×768設定で、 テキストだけがスクロールするように、表示したいです。 よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- HTML5 footer 固定の仕方
ホームページを作っています。 ページはタブで切り替えられるようになっています。 footerを常に表示させたい(画面の下部に固定)と色々やってみましたがうまくいかないので質問します。 <div id="footer"></div> (1)CSS #footer{ position:fixed; } CSSで上のように書いてみました。 文章が少ないときは上に上がり(画面の下に固定されない)、 文章が多くてスクロールが必要なときは、footerが表示されません(要素としては存在しているがつぶれている状態)。 (2)footerFixed.js ページの一番下に表示される(スクロールしないとfooterを見ることが出来ない) という状態です。 なぜなのでしょうか? 他に方法はないでしょうか? 教えてください。
- 締切済み
- JavaScript
- ホームページの背景について
こんにちは。 ホームページ作成初心者の者です。ホームページビルダー7を用いて作成しています。 今、トップページの背景画像を考えています。 私は大きな写真を少し黒でぼかしを入れて、これを背景にしたいのですが、自分なりにやってみたところ、スクロールが縦、横に出てきてしまい、不恰好な形になってしまいました。 自分では、どのPC、ブラウザから見ても、スクロールの無いトップページが表示されて欲しい【画面いっぱいに一枚の写真が表示されてほしい】のですが、それは可能でしょうか?せめて横のスクロールは表示されないよう、写真の加工や、ホームページの設定を行いたいです。 よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- 背景の画像を定位置に固定したいのですが・・・
ホームページ作成の途中で困っているのですぐに回答ほしいです。 背景の画像を定位置に固定して文字だけを上下させたいのですが・・・。 どなたか分かりませんか?
- ベストアンサー
- ホームページ作成ソフト
- 縦長の画像をスクロール、背景固定
Wordpress Stinger5を使っています。 トップページの高さが3000px 画像の高さが1500pxです。 この画像を背景にし、ページの上部に表示し、 下にスクロールして、背景画像が途ぎれるときに 背景が画像が固定する方法が知りたいです。
- 締切済み
- CSS
お礼
ご回答ありがとうございます。 いろいろな方法があるんですね。 合成はできそうなのでやってみたいと思います。