• ベストアンサー
  • 暇なときにでも

HTMLのスタイルシート

<body>タグのbackground-image -repeat -attachment属性が反映されません。 background-colorだけは反映されます。 imageのurlは、同フォルダ内に置いているので、 <!--body{background-image:filename.gif;}--> また直接、<body style="background-image:.........">とする場合も同じ症状になってしまいます。 作業はFrontpageExpress ver.2からタグを編集、 IE ver.5で表示確認しています。

共感・応援の気持ちを伝えよう!

  • 回答数2
  • 閲覧数47
  • ありがとう数4

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

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

例えば背景画像を縦方向だけ繰り返しでスクロールさせない という指定は以下のようにします。 (Internet Explorer 5 で動作確認しました) BODY{ background-image: url(画像パス名); background-repeat: repeat-y; background-attachment: fixed; } 「画像パス名」という部分は、cssファイルからの相対パス指定 になります。つまり、cssファイルと同じディレクトリにあれば、 単にファイル名を指定すればよいことになります。 おそらく url() がついてないんじゃないでしょうか。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

ご指摘のように、url()をつけていませんでした。 すぐに解決できて助かりました!ありがとうございます。

関連するQ&A

  • スタイルシート…

    たぶん、初歩的な問題なんですが…自力では調べてもわからなかったので… スタイルシートで、画像を固定し、尚且つ、 リンクの貼ってある文字の上にカーソルがくると文字色が変わるようにしたいのですが、 どのようにすればよいのでしょうか? 一応、 <style type="text/css"> <!-- body { background-image : url("画像のURL"); background-attachment: fixed; background-position: 100% 0%; background-repeat: no-repeat ; } a{text-decoration:none;} a:link {color:#色;} a:active {color:#色;} a:visited {color:#色;} a:hover {color:#色;} --> </style> じゃないかな…?と思って、試してみたのですが、画像は固定できてるんですが、 リンクの文字色は変わりませんでした…。 アドバイスお願いします!

    • ベストアンサー
    • HTML
  • テーブルにスタイルシートを使う方法

    こんにちは、テーブルタグのことで質問があります。 普通、背景画像でスタイルシートを使い右下などに固定するタグは <STYLE TYPE="text/css"> <!-- BODY { background-image : url("画像の名前"); background-repeat : no-repeat; background-attachment : fixed; background-position : left bottom; background-color:#FFFFFF; } --> </STYLE> となると思いますが、これは通常<head></head>の間にいれますよね。 これをテーブルの中で使うにはどうすればいいでしょう? テーブルの背景画像を右下や左下などに固定したいということなんですがそういうことはできますか? よろしくお願いします;

  • 時間帯によって背景画像を変える

    タイトル通りなのですが、なかなかうまくいきません・・・。 <BODY style="background-image:url(test.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;"> スタイルを使って右下に背景画像を表示しています。このtest.gifを時間帯によって変えたいです。 自分なりにこのようにしてheadタグの中に埋め込みましたがうまくいきません。 <SCRIPT LANGUAGE="JavaScript"> <!--- function geth(t){ if (t<=5) document.write("<BODY style='background-image:url(test1.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=11) document.write("<BODY style='background-image:url(test2.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=17) document.write("<BODY style='background-image:url(test3.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=23) document.write("<BODY style='background-image:url(test4.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); }}} } //---> </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> <!--- h = new Date(); geth(h.getHours()); //---> </SCRIPT> <BODY BACKGROUND='test.gif'>という普通の背景の表示の仕方ならうまくできました。スタイルはheadの中では使えないのでしょうか・・・?どのようにすればうまくいくでしょうか?JavaScriptに関してはほとんど無知ですがよろしくおねがいします。 ※意味不明なことを言っていたらすみません。

その他の回答 (1)

  • 回答No.2
  • m_nkgw
  • ベストアンサー率47% (42/89)

「横レス」に近くなってしまうかも・・。 raly-ralyさんの問題はttyさんのKOTAERUで解決できると思います。ほかにBackgroudのためのCSSをまとめて記述する body {background:url(honya.gif) white fixed repeat-y left top} などと言う書き方もあります。ここではimage、color、attachment、repeat、positionの順番で記述しましたが、順番はあまり関係ないようです。(IE5で確認) CSSも数が多くなるとみづらくなるのでこのように記述するのもいいかもしれません。 ただ、私みたいに記憶力が悪いとどれがどれだかかわからなくなることもありますが・・・(笑)

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • スタイルシートからの?リンクの貼りかた

    <style type="text/css"> <!-- body {background-image:url(sora.jpg); background-repeat:no-repeat; background-position: right bottom; background-attachment:fixed;} --> </style> ↑このようなスタイルシートがあります。 sora.jpgという画像を固定して表示しています。 この空の画像から他のページにリンクを貼るにはどのような タグを書けばいいのでしょうか? スタイルシートの中に<a href="">とかけばいいのでしょうか? スタイルシート初心者で何も分からないので分かりやすく教えてください。

  • ホームページビルダー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>

  • 写真素材の背景

    写真素材の背景で、例えば右下に表示するためのタグがありますよね? それって↓ <STYLE type="text/css"> <!-- BODY { background-image : url("素材URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; background-color:背景色; } --> </STYLE> でいいんですか??↑で何度かやってみたんですが、ちゃんと右下に表示されません。

  • スタイルシートについて

    スタイルシートで背景を画像にするものがありますよね。 それでHPを作ったものの、その画像が見れる人と見れない人が出てきてしまって困っています。もちろんインターネットオプションのユーザー補助は確認しています。自分の記述が悪いかもしれないので書いておきます。 <STYLE TYPE="text/css"> <!--    BODY {       background-image:url("c:/my documents/素材ファイル名");       background-position:50% 50%;       background-repeat:no-repeat;       background-attachment:fixed;     } --> </STYLE>

  • 壁紙+画像(右・左・上・下)

    これなんですが… どなたか教えていただけませんか? ↓は壁紙の色に(右に縦に画像)が並んで表示されます。 </STYLE> </style> <STYLE type="text/css"> <!-- BODY { background-color: #D6D6AD; background-image: url("○○○jpg"); background-repeat:repeat-y; background-attachment: fixed; background-position: right; } --> </STYLE> あと… ↓のをどのように入れれば上の1枚の壁紙に 一度に4ヵ所画像を並べられますか? (左に縦に画像を並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-y; background-attachment: fixed; background-position: left; (上に画像を横に並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: top; (下に画像を横に並べる) background-color: #D6D6AD; background-image: url("○○○.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: botom; 宜しくお願いします。m( _"_ )mペコ♪

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

  • 画像の貼り付けについて。

    普通に画面上部に貼り付けることはできるのですが、リピートして貼り付けることができません。 <STYLE type="text/css"> <!-- body{ background-attachment:fixed; background-color:#000000; background-image:url(0266.jpg); background-position:top center; background-repeat:repeat-x;} --> </STYLE> ↑これはどこか違っているのでしょうか?

  • スタイルシートを使ったボーダーレフト壁紙の作り方

     壁紙を、片側だけ、もしくは、両サイドにだけ、画像を敷き詰めた壁紙を作りたいのですが、素材屋さんのところで書かれてある例を貼りつけてみましたが、 画像がなにも出てきません。 <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- body{ background-attachment:fixed;} background-color:#000000; background-image:url(sbg001.jpg); background-repeat:no-repeat;} --> </STYLE> </HEAD> <BODY bgcolor="#000000" text="#f0f8ff" link="#a6caf0" vlink="#a6caf0">  :  :  こんな感じですが、 どこを、どう直せばいいですか?  具体的に教えてください。 よろしくお願いします。

  • 壁紙(画像の固定)

    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; ↑こう入れても反映されません。何故でしょうか?どういうタグを使えばいいのですか?

  • 2つ画像を背景にするスタイルシートってある?

    1つの画像をスタイルシートで背景にするのは、知ってるんですが、2つの画像を同じページに背景にはできるのでしょうか?下記は1つの画像を背景にするスタイルシートです。これのどこかをいじれば可能なのでしょうか? <STYLE TYPE="text/css"> <!--    BODY {       background-image:素材のURL;       background-position:0% 100%;       background-repeat:no-repeat;       background-attachment:fixed;     } --> </STYLE>

    • 締切済み
    • CSS