• 締切済み

画像

HPに画像を背景として設定してるのですが 画像も一緒にスクロールされてしまい つなぎ目が汚くて気になります。 画像をスクロールさせないように 画像を背景として使うためにはどうしたらいいですか?

みんなの回答

  • ventmas
  • ベストアンサー率34% (74/213)
回答No.4

どのように作業しているんでしょうか?コピー&ペーストが出来ないと言うのは記述されている内容では無く、その方法に問題があるということです。コピーされていないだとか・・・。 HP構築ソフトを使っているのでしたら、html編集出来るウィンドウで作業しなければなりません。もしそういった画面が無いのでしたら、実際に編集したいファイルをwinならメモ帳で、Macintoshならシンプルテキストなどで開いてコピペして見て下さい。

全文を見る
すると、全ての回答が全文表示されます。
  • ventmas
  • ベストアンサー率34% (74/213)
回答No.3

CSSスタイルシートで記述します。 下の記述を<HEAD>と</HEAD>の間に書きます。 <STYLE type="text/css"> <!-- body { background-attachment:fixed; background-color:#000000; background-image : url(画像のURL); background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> ここまで で、補足ですが background-attachment:fixed; background-color:#000000; background-image : url(画像のあるURL); background-position: 100% 100%; background-repeat: no-repeat; color:#000000;は背景色 background-position: 100% 100%; は画像の表示位置 background-repeat: no-repeat; は画像を1つなのか繰り返して埋めるのかの指定

masa612
質問者

補足

全然できないんですが・・・。 masaのやり方がだめなんでしょうか? コピーして貼り付けるとcss">以降が貼り付けできないし。 なんででしょうか??

全文を見る
すると、全ての回答が全文表示されます。
  • asamilk
  • ベストアンサー率0% (0/1)
回答No.2

背景固定ということだったら、 <body background="壁紙URL" bgcolor="背景色" bgproperties="fixed"> か、 <style type="text/css"> <!-- body{ background:url(壁紙URL); background-attachment:fixed; } --></style> でOKですよ。どちらも同じです。

masa612
質問者

補足

上の人に対する返事と同じなんですがうまくいきません。 コピペもできないんですねぇ・・・^^;

全文を見る
すると、全ての回答が全文表示されます。
  • taknt
  • ベストアンサー率19% (1556/7783)
回答No.1

1.画面がスクロールしなくていいように作る。 2.大きい画像を用いて画面全体で1枚とする。 3.つなぎ目が わからないような背景を作る。 のどれかでしょうね。

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

関連するQ&A

  • 画面いっぱいの背景画像を縦にエンドレスにスクロールできますでしょうか?

    画面いっぱいの背景画像を縦にエンドレスにスクロールできますでしょうか? 上から下、もしくは下から上にシームレスに。つなぎ目が分からないような感じです。 いろいろと探してみたのですが、なかなかなくて。 画像のサイズはモニターサイズに自動リサイズもできればいいですね。 jqueryになるのでしょうか。 よろしくお願い申し上げます。

  • 画像に使われている色のRGB値を知りたい!

    ページの背景画像(ベージュに白のドット)を設定していると、スクロールバー部分が白くてとても浮いてしまいます。 だからせめて背景画像と同じベージュになるように設定したいのですが、背景画像のベージュが再現できません(* >ω<)=3 この画像のRGB値を知ることはできないでしょうか? ちなみにFireworksMXを使用しています。 よろしくお願いします。m(_ _)mペコリ。

  • image画像を画面サイズに合わせる

    自作HPのトップページに、背景画像の代わりとしてimage画像を設定しているのですが、自分のパソコンで丁度いいサイズに設定しても、他のパソコンで見たら画像が大きいようでスクロールが出てきてしまいます。 どのパソコンでも対応できるように、自動的に各々のパソコンサイズに合うようにしたいのですが、そのようなCSS?JavaScript? ・・・ありますでしょうか? ちなみに、その画像は他に「更新すると違う画像に変わる」設定を施しています。

  • ホームページ作成で画像の固定が上手く出来ません

    画像の固定方法がよくわかりません。 ホームページで1024×768サイズの画像を 背景にしようと思います、 しかし、画像のサイズに、テキスト文章が収まりません、 横はよいのですが、縦はがだめです、 ホームページビルダー 6.5で作成しておりますが、 ディスプレイサイズは、1024×768サイズで作成しております 画像の設定メニューで、画像を固定してしまうと、 作成したテキスト文章の背景画像に入りきならない部分が、 背景が真っ白になったり、 拡大固定?されたような感じになり、 テキストはスクロールするのですが 背景に指定した画像が部分的に大きくなってしまい、 全部の背景が表示できなかったりします。 画像を垂直で繰り返すにしてしまいますと、 画像の切れ目があからさまにでてしまい不自然になってしまいます。 画像サイズ&ディスプレイサイズが、1024×768設定で、 テキストだけがスクロールするように、表示したいです。 よろしくお願い致します。

  • ホームページ背景画像作成のコツを教えて下さい

    初めてのホームページ背景作成にチャレンジしていますが、作った画像(100×100pix)を背景にすると、つなぎ目が目立ってしまいます。目立たせない様にするにはどのようにすればいいのでしょうか?(紅葉の背景を考えています。)

  • IE6のブラウザで、<div>に設定した背景画像が固定されない事で悩ん

    IE6のブラウザで、<div>に設定した背景画像が固定されない事で悩んでいます。 <body>と<div>にそれぞれ背景を設定しているのですが、<div>に設定した背景だけが、 縦のスクロールバーと一緒にスクロールしてしまいます。 背景自体はCSSで下記のように設定しています。 background:url("./hoge.gif") no-repeat fixed center top; <body>も同じ設定で背景を表示させているのですが、こちらは問題なく固定表示になっています。 <div>などのボックス要素では固定表示させることは無理なのでしょうか? どうぞ知恵をお貸しください。

  • EXCELでHPの表紙を作る際の問題点

    EXCELでHPを作成中ですが、訊きたいことがあります。 背景を設定する際、背景となる画像は動かず文字だけスクロールさせるにはどうしたら良いのでしょうか? また、背景となる画像がどんなサイズ(800×600、1024×765)でもオブジェクト(ワードアート、画像、文字列等)が画面中央に寄せられるようにするにはどうしたら良いのでしょうか? どなたか教えて下さい。

  • ブログの背景画像が崩れます。

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

  • 背景画像の固定のようにテキストも固定させる方法を教えて下さい。

    背景画像を固定して スクロールバーを動かしても背景が動かないようにする小技は実践できたのですが、 その画像の下にリンク先を表示する枠を設け、画像と同じように背景として固定させたいのですのですが、 その設定の仕方が分かりません。 宜しくご教授下さい。

  • 背景画像の作り方

    HP用の背景(壁紙)の作り方が知りたいです。 (持っているペイントソフトはPaint shop pro6です。) どうやっているのかわからないのは、タイル表示したときに、つなぎ目がわからないようにする方法です。 シンプルなものならば、大丈夫ですが、ちょっと複雑な模様にすると、つなぎ目が、見えてしまい格好悪いです。 何か、良い方法をご存知の方は、お教えください。 企業秘密に踏み込まない範囲で結構です(^^)