• ベストアンサー

CSSで背景に2枚の壁紙を配置

CSSを利用して背景を設置し、左上などに固定で表示する方法はわかりました。 これを利用して、左上に1枚右下に1枚と言うことは出来ませんか? 画面の幅・高さが変わっても対角線にちゃんと表示できるようにしたいです。 CSS以外でも何か方法があれば教えてください。

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

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

  • ベストアンサー
noname#39970
noname#39970
回答No.1

ちょっとズルいやりかた。(画像が2つというのがポイント) <html style="background:url(image_a.png) no-repeat fixed"> <body style="background:url(image_b.png) no-repeat right bottom fixed">  <div>本文………</div> </body> </html> 大きく取ったdivやposition:absoluteとかで普通やるんだろうけどとりあえず手軽なやり方で。

master-3rd
質問者

お礼

ありがとうございます。 早速やってみます

関連するQ&A

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

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

  • CSSで背景を表示

    CSSで背景をブラウザいっぱいに表示するにはどうしたらいいですか。 コカコーラのホームページのようにヘッダー部分とフッター部分の背景を幅の広い画面で見たときも背景が表示されるようにしたいです。 よろしくお願いします。 http://www.cocacola.co.jp/

  • 壁紙の配置について教えてください。

    Windows 7 のモニタ画面の右下あたりに5cm*5cm程度の静止画を 貼り付けたいのですが、ヘルプを見てもその方法は載っていません でした。 設置する箇所を画面中央以外に指定することはできないのでしょうか。 もし、その方法をご存知の方がいらっしゃれば教えてください。 よろしくお願いします。

  • 背景画像の位置固定

    背景画像~画像固定と位置固定  過去ログにも似たような質問で、背景画像の固定がありました。 <BODY BACKGROUND="./img/back.gif" BGPROPERTIES=FIXED> ☆これと同時にブラウザの表示画面で、右下や左上といった 背景画像の位置まで固定させる方法とはあるのでしょうか? このとき、画像は並べて表示するのではなく、一つ だけ表示したいんです。サイズは400×400pix.です。  どうぞよろしくお願いします。

    • ベストアンサー
    • HTML
  • 外部CSSで背景画像を表示させる方法

    外部CSSについての質問です。 ホームページを作成するにあたり、外部CSSを使用しているのですが、背景画像が表示されません。 普通の(固定なし)背景画像はきちんと表示されるのですが、「背景画像を固定する」タグだと表示されません。 ソースは間違っていないし、何度やっても表示されず、こちらで質問することにしました。 固定方法は、パーセントで指定する方法です。 どなたかご指導頂けないでしょうか? よろしくお願い致します。

    • ベストアンサー
    • CSS
  • CSSで左右の背景色を指定したい

    CSSでページを作成しているのですが、左右の背景色をかえたページにしたいと思ってます。 そこでCSSで指定した範囲に左右に別々のIDを指定しているのですが、この場合要素の部分のみしかCSSでしていしたbackground-cplorが表示されません。 heightで指定してもいいのですが、 要素が延びる可能性もあるので表示幅に合わせて背景を表示させるのはどう指定したらよいでしょうか?

    • 締切済み
    • CSS
  • 背景の2重指定 タグ

    はじめまして。 背景のタグについて悩んでいまして、 一つは左上に、右下が隙間があるので、もう一つは右下に固定したいのですが、そのような事はできるでしょうか? 今は左上だけできるのですが、右下に固定のやり方がどうしてもわかりません;; このような感じです↓ <style type="text/css"> <!-- body { background-color: #ffffff; background-image: url(http://db1.voiceblog.jp/data/bokunikudasai/1222662705.jpg); background-repeat: no-repeat; background-attachment: fixed; } --> </style> <STYLE type="text/css"> ここからできるでしょうか? わかりにくい質問で申し訳ないのですが、教えてくださったら嬉しいです。

  • ホームページ背景(壁紙)拡大設置

    ホームページへ背景(壁紙)を設置したいのですが、ダウンロードしたもの、あるいは、手持ちの写真や絵などを、デスクトップ表示のように、windowsコントロールパネルのデスクトップの表示とテーマ→「デスクトップの背景を変更する」画面のプロパティで表示位置を「拡大して表示」のように設定したいのです。(画像が少々荒くなりますが画面いっぱいに表示したいのです。デスクトップ上では、上記のデスクトップの表示とテーマで「画面解像度を変更する」もありますが。) css上で固定、位置、繰り返し、の指定記述は理解できるのですが、ひとつの画像を画面いっぱいにする拡大表示はどのように記述したらよろしいのでしょうか? 以上、つたない質問、文章ではございますが、ご指導のほどよろしくお願いします。

    • ベストアンサー
    • CSS
  • 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> とでてくるんですがどうしてもチェックの上に加工した画像を右下に固定したいので教えてください。 メモ帳より作成しています。 今月中に仕上げたいのでよろしくお願いします

  • CSSの設定

    CSSの初心者です。 両端に背景色が表示されるようなページを作りたいです。 どんな幅の画面でも中央にコンテンツが中央に配置されるようにしたいです。どのようにCSSを記述すればいいでしょうか?

    • ベストアンサー
    • HTML