• ベストアンサー

背景の固定、繰り返しなし、スクロールなしの方法

こんにちは。 題名の通り、大判壁紙を左上に固定し、ついでに壁紙がスクロールしないようにしたいのですが、できません。ちなみに、 <STYLE type="text/css"> <!-- BODY { background-image : url("背景のURL"); background-attachment: fixed; background-position: 0% 0%; background-repeat: no-repeat; } --> </STYLE> というのをはると出来る、と、素材やさんに書いてあったのでやってみたんですが、ダメでした。使ってるソフトはGO LIVE5.0で、スタイルシートが簡単に使えるようになっていて、それでもやってみたんですがなぜか出来ません。もう…「お手上げじゃああああ!!!」いうかんじなのです(涙)この質問で出来なかったら諦めますが…一体何が問題なんでしょう?ぜひアドバイスよろしくお願いします。

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

  • ベストアンサー
noname#208568
noname#208568
回答No.3

>スタイルシートみたいにheadと/headの間とかではなく、BODYのうしろにはればいいんですよね? その通りなのですが、ひょっとしてNetscape-4.Xではないですよね。 Netscape-4.X以前は、この機能は無効となりスクロールしてしまいます。(他も定かじゃないです) 確実に動くのは、IEだけです。

twin_user
質問者

お礼

二度も質問に答えて下さってありがとうございます!! NetscapeかIEかという前に、go liveで確認するブラウザの設定をちゃんとしてなかったのがまずかったらしいです;(分かりにくい文で申し訳ないです;) IEでちゃんと見られました~(涙)ありがとうございますvvほんとにお世話になりました<(_ _)>

その他の回答 (2)

noname#199778
noname#199778
回答No.2

上記のソースを張ったときに、何がどのようにできないのかを補足していただけると、何がどううまくいっていないのかを見通しやすくなると思います。 背景画像が初めから表示されない、固定にしているはずがスクロールで流れていってしまう、など、具体的な状態がわかると、原因の特定がしやすくなります。 もしよろしければ、そのあたりも補足されるとよいと思います。 とりあえずですが、いくつか確認してみてください。 ・上記のstyle要素は、<head>~</head>の間に記述されていますか? ・背景に使う画像のURLは、間違っていませんか? ・チェックに使ったブラウザは、このCSS(特にbackground-attachment)に対応していますか? まず、このあたりを確認してみてください。 なお、質問文のソースをコピーして試してみましたが、特に異常はないように思います。 こちらでは、URLだけはローカルのファイルに書き換えましたが、あとはこのままで正常に反映されました。

twin_user
質問者

お礼

おおおおお!?出来ました!!!うわー、ありがとうございます(涙) 何が悪かったかというと…チェックに使ったブラウザが悪かったようです;go liveの環境設定で、チェックに使うブラウザの設定をし忘れていたのがまずかったみたいです; IEでちゃんと見られましたv ありがとうございます~これで安心して寝られます<(_ _)>

noname#208568
noname#208568
回答No.1

そんなにややこしくしなくても <BODY background="image001.gif" bgproperties="fixed"> だけでいいですよ。 ="image001.gif" →"url(背景のURL)" でOKです。

twin_user
質問者

補足

う…やってみましたがダメでした。画像が繰り返されてるし、スクロールしても動きます。挿入する位置が悪いんでしょうか;スタイルシートみたいにheadと/headの間とかではなく、BODYのうしろにはればいいんですよね?

関連するQ&A

  • 背景固定タグ

    HP作り初心者です。 http://m-space.jp/でHPを作成しています。 背景を固定したくていろいろ調べたんですが、 うまくいきません。 ある、素材サイトで <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> を<head></head>の間にはさんでくださいとかいてあったんですがよくわかりません・・。 説明不足ですみません。 初心者なんで、詳しく教えていただきたいです。

  • 壁紙を二つ固定したい。(HTML)

    ホームページを作っていてHTMLで壁紙を左横と真ん中に固定して、二つ表示されるようにしたくて、下記の設定をしたのですが、どちらか一つしか表示されません。説明がわかりにくくてすみません。 どうしたらいいでしょうか?? お手数をおかけしますが、よろしくお願いします。 <head> <style type="text/css"> <!-- body{ background-image: url(画像のURL); background-attachment: fixed; background-repeat: no-repeat; background-position: 55% 50%; body{ background-image: url(画像URL); background-attachment: fixed; background-repeat: repeat-y; background-position: left; } --> </style> </head>

  • 背景を右下に固定する方法

    ビルダーでHP作成をしています。 どこかのHPで、下記のタグを使用しましたが、 保存すると、3行目の background-image:url("張りたい画像のURL"); の部分が消えてしまい、うまく表示されません。 どうしたらうまく行くでしょうか。 <style type="text/css"> <!-- BODY{background-image:url("張りたい画像のURL"); background-position:100% 100%; background-repeat :no-repeat; background-attachment:fixed;} --></style>

  • 壁紙(画像の固定)

    http://dsc.jugem.jp/?tid=23 ↑のテンプレを使用するつもりですが、このトップに画像をおきたいのですが、 例えば、壁紙をダウンロードしてきて貼り付けたら、一つの画像がいっぱい反映されるのです。 っていう事は固定すべきですよね? htmlで<STYLE type="text/css"> <!-- BODY { background-image : url("画像URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </STYLE> ↑これは反映されなくて、cssだと反映されます。 しかしcssに、 background-image:url(画像URL) background-repeat:no-repeat; background-position:right bottom; ↑こう入れても反映されません。何故でしょうか?どういうタグを使えばいいのですか?

  • 背景を固定した時の表の背景

    こんにちは。HPを制作し始めたばかりの初心者です。 質問です。 背景をこんな感じて固定した時 <STYLE type="text/css"> <!-- BODY{ background-image : url(○○.jpg); background-repeat : no-repeat; background-attachment : fixed; background-position : 90% 50%; } --> 作ってる表の背景画像が無効になっちゃいます。 なんか間違ってるんでしょうか??? お答えを頂けると有り難いのですが。

    • ベストアンサー
    • HTML
  • ホームページビルダーV9での背景固定について

    ホームページビルダーV9を使っています。 そこで、背景を固定したいのですが上手くいきません。 ソースに下のようなタグを入れても画像が表示されないんです。 どうしたら良いか教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("画像のURL"); background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; } --> </STYLE>

  • Webタグの背景について

    今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> とでてくるんですが・・・

  • 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の上には文字を重ねたいと考えているのですが、そのようにタグを編集してもうまく表示できません。 ご回答よろしくお願いいたします。

  • 右下背景固定のタグをはってurlもはったのですが画像がでません!

    <HEAD> <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像のURL"); background-attachment: fixed; background-position:100% 100%; background-repeat: no-repeat; } --> </STYLE> </HEAD> こういうふうにうって画像のURLを張ったのですが 画像がうつりません。 アドレス(URL)や画像ファイルはまちがえてないと思います (フォレストでホームページをつくっているのですが、「マイ アルバム」で、ちゃんとその画像のアドレスをつかっているので) どうしてでしょう? 教えてください!! ほかに簡単な方法があればそれも教えていただきたいです。

  • テーブルの特定のセル背景非スクロールについて

    テーブルで文章を書いているのですが、 そのテーブル内の文章がちょっと長めで、 どうしてもブラウザがスクロール(縦)してしまう作りになっています。そのテーブルに背景を入れようと思うのですが、スクロールしてしまうほど長い縦テーブルな故に背景も繰り返してしまいます。 背景画像は壁紙のような整列された画像ではなく、一枚の写真を使用したいとおもっております。 縦長の大きい背景を作るというのも一つの手ですが・・・それではなくタグ命令で固定できればと思います。 通常のページ背景ですと背景固定は ◆bodyタグで bgproperties="fixed" ◆スタイルシートで <STYLE type="text/css"> <!-- BODY{background-image:url("■.jpg"); background-color:#背景色; background-position:背景の位置; background-repeat:no-repeat; background-attachment:fixed;} --> </STYLE> って出来るのですが、 テーブル内部の特定のセル背景固定というのは どのようにしたら出来るのでしょうか? ジャバスクリプト、スタイルシート、通常のタグ どのような方法でもかまいません。 テーブル内の特定のセル背景非スクロールについて、 ご教授いただければ幸いです。 よろしくお願いいたします。

    • ベストアンサー
    • HTML

専門家に質問してみよう