• ベストアンサー

背景画像をくりかえさないhtml

dagtrioの回答

  • ベストアンサー
  • dagtrio
  • ベストアンサー率40% (19/47)
回答No.1

スタイルシートで指定しましょう。 BODY { background: url(xx.gif) no-repeat fixed 50% 50%; } 下記URLが詳しいです。

参考URL:
http://tohoho.wakusei.ne.jp/wwwcss2.htm#Background

関連するQ&A

  • HTMLの背景画像の表示位置を変更する方法

    HTMLの背景画像の表示位置を変更する方法 質問させてください。 HTMLの背景画像ですが、スタイルシートのbackground-positionを使用すれば表示位置を変更することが可能です。 同様の機能をスタイルシートを使用せずHTMLタグのみで実現できないでしょうか? 例えば、<body background=""></body>タグにさらに何かの属性を追加する、などです。 ご存知の方がおられましたら、是非ともお教えください。

    • ベストアンサー
    • HTML
  • ホームページに画像を貼りたい

    テキストエディットでHTMLを書き込んでホームページ作成をしている初心者です☆ 背景に画像を貼りたくてもどうやっても貼れなくて悩んでいます。 使っているパソコンはmacで、写真はFinderの中にあるマイファイルのイメージのoriginal.jpgを使いたいのです。 そこで、HTMLの方は body{background-image:url(マイファイル/イメージ/original.jpg); background-repeats:no-repeat; background-position:center;} と書き込みました。 CSSの方は、 body{ background-image:url(マイファイル/イメージ/original.jpg); background-repeats:no-repeat; background-position:center;} と書き込みましたが、ブラウザで見たところ写真が表示されなくて困っています。 本当に初心者で困っています。 できれば正しい写真の貼り方を教えていただきたいのですが、お願いします。

  • HTMLでの背景画像設定について

    はじめまして。 HP作成初心者なのですが、いろいろとネットで調べながら作成しています。 フレームを使っていて、メニュー画面側のほうに画像をふたつ使いたいと考えています。 それぞれ左上と左下とで固定する画像なのですが、それがどうしてもふたつ同時に表示できません。 <style type="text/css"> <!-- BODY {background-image : url("bg2.jpg");background-position: 100 0%; background-repeat: no-repeat;background-attachment: fixed;} --> </style> <style type="text/css"> <!--BODY {background-image : url("bg.jpg");background-position: 0 100%; background-repeat: no-repeat;background-attachment: fixed;} --> </style> という感じに記述しているのですが、こうすると、下にあるbg.jpgのみが反映されてしまって、bg2.jpgは反映されません。 また、bg2.jpgの上には文字を重ねたいと考えているのですが、そのようにタグを編集してもうまく表示できません。 ご回答よろしくお願いいたします。

  • 背景画像の表示

    先ほど背景画像の表示はできましたと返答いたしましたが、背景を別のものに変更したら背景の表示がなくなってしまいました。 <body background="http://www---------------/---/"--- .jpg"text="#808000">で表示がでません。 ※CSSで背景設定しているページもあります。

    • ベストアンサー
    • HTML
  • ヤフオク出品画像で背景画像を外部から呼び出し 正しいHTMLは?

    外部から通常画像を呼び出すときは分かるのですが、 背景(テーブル背景)の呼び出しに失敗します。 まず、通常画像を呼び出しの場合はこうですよね。 <img src="http://www.〇〇〇〇〇/△△△△.jpg" width="△△" height="△△"> これは簡単に成功します。 なのに、テーブル背景にするとき <table width="△△" height="△△" border="△" align="center" background="http://www.〇〇〇〇〇/△△△△.jpg" class="△△"> にしているのに、 ヤフオクの画面上では表示されません。 根本的なHTMLの原因があるのでしょうか? それともヤフオクでは背景画像への指定はもともとできないのでしょうか。 お分かりの方、良ければHTMLも含め、宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • 背景に設定した画像のサイズを変える

    こんばんは。 HTML言語でホームページを作成しており、次のように背景に"sea"という画像を設定しました。↓ <html> <body background="sea"> ・ ・ ・ ・ </html> しかしブラウザで表示してみると画像が小さく、もう少し背景画像を大きくしたいと思ったのですが、そのためにはどのような命令が必要でしょうか? お願いいたします。

  • HTML背景画像

    HTMLタグ内にbackground = "image.jpg"と記述すると画像が小さい場合 ページの下のほうできれます。 ウィンドウの大きさに合わせて大きくしたいです。 何か方法はないでしょうか。 教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • HTMLサイトのように…(HTMLについて詳しく分かる方お願いします

    <!-- BODY { background-image : url("○○.jpg"); background-attachment: fixed; background-position:0% 100%; background-repeat: no-repeat ; } --> コレを背景画像のタグとせず、HTMLサイトのように、ページに文字として出したいのですが、どうすればできるのですか? 説明下手ですいません´`

  • 背景画像の繰り返しについて

    背景画像の繰り返しについて ホームページの背景画像を「repeat-x」を使用して 背景画像を繰り返しさせいるのですが、 画像と画像のつなぎ目が、うっすら見えてしまい(ボダーみたいな線) あきらかに画像を繰り返ししているのがわかります・・・ どうしても、格好悪い背景になってしまいます。 どうしたら、画像の繰り返しがうまくいくのでしょうか? 画像と画像がつながっている部分がわからないようにするには どうすればいいですか? body { background: url(images/back04.JPG); background-repeat: repeat-x; background-position: top left; margin: 0;     }

    • ベストアンサー
    • HTML
  • Webの背景について

    今HTML、CSSなど使ってHPを作っていますが チェックで作った背景に一つの画像を右下に固定表示させたいのですができるでしょうか? 背景固定はできるんですけど画像を右下にやるのができません。 <body background="imagfolder/02.jpg" bgproperties="fixed"> のタグはチェックの背景になっています。 固定で検索すると <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> とでてくるんですがどうしてもチェックの上に加工した画像を右下に固定したいので教えてください。 メモ帳より作成しています。 今月中に仕上げたいのでよろしくお願いします