• ベストアンサー

htmlの背景に付いて

http://javascript.eweb-design.com/1302_bic.html のページの方法でバックグラウンドをつくりました(セレクトボックス版) 背景の画像のサイズをページと合わせたいのですが、どうすればいいですか こちらが作成中のページです http://tamkame.web.fc2.com/

noname#223794
noname#223794
  • HTML
  • 回答数1
  • ありがとう数0

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

  • ベストアンサー
  • celtis
  • ベストアンサー率70% (2271/3210)
回答No.1

ブラウザのウィンドウサイズに合わせて、背景画像のサイズを調整したいということなら、CSSでやるのが楽だと思います。 http://webdesignrecipes.com/how-to-full-page-background-image-with-css-and-jquery/

関連するQ&A

  • ホームページ作成で困っています(body)

    イーウェブ様「選択した背景色(画像)に変更して保存する」(http://javascript.eweb-design.com/1306_bis.html)の方法に、 追加でこちらのページ(http://www.allinthemind.biz/markup/css/background-size.html)指定要素に背景画像が常にある形でフィット - cover -を使って背景を表示したいです。 更に追加でこちらのサイト(http://www.aichan.biz/html/css/background-position.html)の中央寄せで表示しようと思っています。 どうすればいいですか_?

    • 締切済み
    • CSS
  • ページと背景画像との境界線の影の付け方

    同じような質問なのですが少し違うのでご質問させていただきました。 ページと背景画像との境界線に影をつけたいのですが 背景の画像はどんなモニターのサイズでも画像の中心やデザインを変えたくなかったので http://webdesignrecipes.com/full-page-background-image-sample-01.html こちらのサイトを参考にcssで背景画像を配置しています。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ホームページビルダーの背景がIEで透明にならない

    教えてください。 背景を指示するとInternetExprolerでは背景がグレーになってしまいます。 テーブルでも同じです。テキストボックスでも同じです。 背景を透明にすることはできないのでしょうか。 http://newheo.web.fc2.com/ 上記がその現象です。 一番上はページの背景です。 下のはテーブルやテキストボックスでの背景、または画像挿入のものです。 FirefoxやGoogle Chromeでも表示のされ方が異なります。 同じデータでもそれぞれ違うのですが、統一させることはできないのでしょうか。 初心者ですので、もしかすると初歩的な質問なのかもしれませんが、よろしくお願いします。

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

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

  • 【java】背景画像を一定時間でフェード切り替え

    よろしくお願いします。 下記のページを参考に、 http://javascript.eweb-design.com/0802_ici.html 背景画像を一定時間で切り替えることはできたのですが、 画像が切り替わる時に、ゆっくりフェードしながら切り替わるということは可能でしょうか? 同じような挙動であれば、他のスクリプトやjQueryでも問題ありません。 実現させたい内容としては、 ・bodyの背景画像が切り替わる(div等ではなく) ・フェードで切り替わる になります。 ご存知の方おられましたら、ご教授くださいませ。 どうぞよろしくお願いいたします。

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

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

  • FC2ブログの背景に写真を使いたい

    FC2ブログを使用して まだ1ヶ月位の初心者です ただ、ブログは初心者ですが パソコンとネットの知識は中級と自己判断してます それでOSはビスタで ブラウザはFirefox3.5なんですが ブログの背景に、現在はテンプレートを使用してます しかし、ここに自分の写真を入れられる事を知って 変更したいと考えました ただ、入れるとしても 画像の大きさから考えて 1枚で…は厳しいと思うんで、2~3枚を横に並べて 設定しようと思います そこで聞きたいんですが 下記HPで変更方法の解説を見ました 『背景の色を変更』 http://blog.fc2.com/custom_manual/#m004 そこには、こういう↓書き方で解説してましたが -------------------------------------------------------------------------------- body { background-image : url("画像のパス"); /* 背景画像の設定 */ background-repeat : repeat; /* 背景画像を横縦タイル状に並べる */ background-position : left top; /* 開始位置を画面左上に設定 */ background-attachment : fixed; /* 背景画像の位置を固定 */ ------------------------------------------------------------------------------- これが私のブログです↓ ------------------------------------------------------------------------------- body { background-color: #3F3F3F; color: #333333; font-family : Verdana, "MS Pゴシック", sans-serif; font-size: x-small; background-image: url(http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg); background-repeat: repeat-x; background-attachment: fixed; background-position: center top; } ------------------------------------------------------------------------------------- 解説から考えると、私のブログ内の 「background-image: url(http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg);」 内の“http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg” の部分に写真のURLを入れれば良いんでしょうか? それと、以前、私が読んだ本の中には 「写真は予め、タイトル部分の大きさ780×200ピクセルに 合わせてリサイズしよう」 と書いてありました しかし、添付した写真が私の現背景写真なんですが 枠で囲んだ部分が、そのサイズなんでしょうか? もし、そうだとしたら このサイズ、どうやって測るんでしょうか? ちなみに右クリックでプロパティを見ようとしても 画像では無いからだと思いますが 右クリックの項目にプロパティの項目が出て来ません もし違うとしたら、どの様に解釈すれば良いんでしょうか? 又、何か気を付ける事は、あるでしょうか? 宜しく御願いします

  • FC2HPで画像が表示されません

    こんにちは。 ホームページビルダー16でサイトを作り、 FC2でアップロードをしています。 今の所 http://ponchidego.web.fc2.com/ このようなサイトになっているのですが、 1番上の画像が表示されません。 この画像は http://javascript.eweb-design.com/0804_ri.html の サンプル2のやり方を使用したランダムで表示されるはずのところで、 其処だけが見ることができません。 勿論ホームページビルダーのプレビューや 自分のフォルダに入っているページにはちゃんと表示されているし、 FC2にも画像自体はきちんとアップロードされています。 何が問題で表示されていないのでしょうか? ご回答よろしくお願いします!

  • HP作成で背景画像を設定する方法ですが、うまくいきません。

    HP作成で背景画像を設定する方法ですが、うまくいきません。 スタイルシートCSS等でいろいろサイトを見て試しましたが、 画像がどうしてもスクロールしてしまい、思ったように表示できません。 http://ravensky34.web.fc2.com/test.html HTMLタグでいくら設定しても画像が表示されないか、 ↑のように画像が必ずスクロールしてしまいます。 ソースは↓です。 <html> <head> <title>文書のタイトル</title> <style type="text/css"> body { background-color:#f0f0f0; background-image:url(http://ravensky34.web.fc2.com/2008_6_27_059syuku_2.jpg); background-attachment: fixed; color:#000000; }</style> </head> <body> <div>&nbsp;</div> <p>&nbsp;</p> </body> </html> どなたか解決方法を知っている方いましたら、教えて頂けると嬉しいです。

    • ベストアンサー
    • HTML
  • サイト内のページに飛ぶときの背景に関する異常

    (以下、一部分だけ取り出した記述です。) body{ background-color:#ffffff; background-image:url(bg.jpg); } #page{ width:960px; background-color:#ffffff; } ======================================== 【質問】 オフライン上ですが、以下のような症状が出ます。 考えられること、原因になりうる要素に思いあたることがあったら何でもいいので 教えてください。 【状態】 サイト内の他のページにリンクで切り替わるとき、あるいはTOPページに戻るとき、ブラウザの更新ボタンを押したとき、正確にはクリックしたマウスのボタンをはなした瞬間)など、ページを読み込むときに一瞬(まばたきのタイミング)ですが背景色の白(#ffffff)がチカッと表示され、その後画像が表示されるという状況です。 background-colorを白ではなく、緑に設定するとマウスを離した瞬間緑色が表示され、すぐに背景画像(ここではbg.jpg)が表示されます。 背景画像と同じ系列の色で背景色を指定してもやはり、一度background-colorが実施されたあとに背景画像が表示されている(ような感じ)のが目視できます。 【試してみたこと】 ●background-colorとbackground-imageの記述順を変えてみた。 ●background-colorの記述を取り、background-imageだけにしてみた。 ●background-repeatを記述したり、消してみたりした。 ●背景画像をjpgではなくgifのもので試してみた。 ●背景画像のサイズを(たとえば)200X140とか1200×800などと変えてみた。 【マシン、作成環境】 Windows7(64ビット)、メモリ8Gのノートマシン。 ホームページ作成ソフトはいっさい使用していない(メモ帳のみで手打ち)。

    • ベストアンサー
    • CSS

専門家に質問してみよう