• 締切済み

背景を固定してリピートさせたくないとき

背景を左上に固定したいのですが、 「no-repeat」をどこに入れたらいいのでしょうか? どなたか教えてください。 <body background="URL" bgproperties="fixed"> <p><font size=2 color="0033CC"><b>Since: March 2003<br>Last Up Date: 12.5.2004</b></font></p> ・・・

みんなの回答

  • nuruhho44
  • ベストアンサー率57% (38/66)
回答No.3

背景画像の格納場所とHTMLファイルの格納場所の関係は正しいでしょうか? background-image:url(image/topback.gif); この場合、このHTMLファイルのあるフォルダ内にimageという名のフォルダがあって、そこにtopback.gifがあるということになります。単純なことですが、今一度ご確認ください。 スクロールバーの色を設定なさっていますが、それについては正しく反映されていますか?反映されているようであれば、やはりファイルの場所の問題であろうと思われます。 くさらずにもう一頑張りしてみてください。

rica19
質問者

補足

はい。 一晩、寝てもう一度改めて頑張ります。 ファイルの格納場所は大丈夫です。 スクロールバーも思い通りに表示されています。 わからないのは backgroundのプロパティを指定したいとき、 "fixed"だけならばちゃんと固定できるのに、 その固定位置をどう指定していいかがわかりません。 「<body></body>内へコピペする」という指導に従って、 "fixed top left"とすると画像が出てこない。 そしてtop leftのみ消してfixedだけだとちゃんと固定されるものの 画像がリピートされてしまうんです。 スタイルシートの中に指定する指導を見ると 画像のリピートを別に指定しているものもありましたが (background-repeat=no repeat background-position=top left) これも画像が出なくてダメでした。

  • nuruhho44
  • ベストアンサー率57% (38/66)
回答No.2

body部分の指定は問題ないように思います。 A:link { color: #CC0033 }   /* リンク先のある文字色 */ 以下4行で、 } と / の間に全角スペースが入っていませんか? その場合IEではエラーが発生するようで、それ以降のCSSが反映されなくなるようです。半角スペースを入れるか行を変えて注釈を入れれば改善されると思います。

rica19
質問者

お礼

とりあえず全角部分は全部消去してみました。 でも変わらず画像は出てきません。 スペース、改行は重要になりますか? なんだかもうわけがわからなくなってきました。 ありがとうございました。

  • chie65536
  • ベストアンサー率41% (2512/6032)
回答No.1

http://homepage3.nifty.com/nn-factory/html/tips/background.htm ここに詳しく書いてあります。

参考URL:
http://homepage3.nifty.com/nn-factory/html/tips/background.htm
rica19
質問者

補足

<STYLE type="text/css"> <!-- DIV.special { text-aligin: left } A:link { color: #CC0033 }   /* リンク先のある文字色 */ A:visited { color: #0033CC }   /* すでにリンクしたときの文字色 */ A:active { color: #0033CC }   /* クリックするときの文字色 */ A:hover { color: #0033CC }    /* カーソルが上にあるときの文字色 */ P { line-height: 2em; font-size: small } .gthc { font-family: "MS Pゴシック", Times, serif } body { scrollbar-3dlight-color:#999999; scrollbar-arrow-color:#999999; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#999999; background-image:url(image/topback.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: left top; } --> </STYLE> これでやってもダメでした。 画像自体表示できなくなってしまいました。

関連するQ&A

専門家に質問してみよう