背景画像

[新着] Webテンプレートを仮オープンしました



0   名前: かな : 2005/03/11 22:50
背景画像をスクロールさせず、右に一つだけ表示したいと
思って色々試してみましたが、全然駄目でした;

<BODY STYLE="background: #FFFFFF url(image/b_bin2.jpg)
no-repeat fixed right bottom;">.....</BODY>

↑今はこうなっているんですが、おかしいでしょうか??
よかったら教えて下さいm(__)m

1   名前: ぷりん : 2005/03/11 23:03
headの中に、
<STYLE TYPE="text/css">
<!--
body {background:#FFFFFF url("image/b_bin2.jpg") no-repeat fixed right bottom;}
-->
</STYLE>
として、bodyタグにつけたスタイルシートを消してみてください。

2   名前: かな : 2005/03/11 23:21
やってみましたが、駄目でした;
やり方が駄目なのでしょうか...
他に方法はありますか??

3   名前: arc : 2005/03/11 23:34
全然駄目って何がどう駄目なんでしょうか。
何も変化が無い。表示される位置が違う。などなにかしらあるはずです。
ページを見せていただければ答えやすいのですが。
スタイルシートに誤記は無いようですが。

4   名前: かな : 2005/03/11 23:50
サイト名とカウンターなどは
ちゃんと出来ているんですが、背景画像が無いんです。

(http://sazaki.fc2web.com/top-rigft.html)
(ページってのはこれのことですか??   )

5   名前: arc : 2005/03/12 01:07
http://sazaki.fc2web.com/image/smoke.jpg

このファイルは正しくアップロードできていますか?

6   名前: ぷりん : 2005/03/12 01:11
BODY { background: white url(image/smoke.jpg) no-repeat fixed right ; }

BODY { background: white url("image/smoke.jpg") no-repeat fixed right ; }

ただし、画像が指定の場所にアップロードされていないようですが…

7   名前: arc : 2005/03/12 11:24
ダブルクォーテーションって必須でしたっけ?
http://css.g.hatena.ne.jp/keyword/background-image

8   名前: みや : 2005/03/12 13:12
引用符はあってもなくても結構です。
http://www.y-adagio.com/public/standards/tr_css2/syndata.html#uri

しかし、MacIE には url() の中を引用符で括ると認識しないというバグがあります。
http://cssbug.at.infoseek.co.jp/detail/macie/b047.html

# って arc さんのリンク先に全部書いてありましたね。失礼をば。

> かなさん
とりあえず <img> で表示させてパスを確認してみたらいかがでしょうか。

9   名前: arc : 2005/03/12 13:40
>> MacIE4.5はURIをダブルクォーテーションで括った場合もこの指定を認識しない。
これは聞いた覚えがなかったw

付けない方が妥当なのでしょうかねぇ。。他の作用があるかもや知れませんが。

直接アクセスして表示されなかったので、
http://sazaki.fc2web.com/image/smoke.jpg
> このファイルは正しくアップロードできていますか?
こういうことなのですが。

まだスレ主さんは拝見されていない模様ですが。

10   名前: かな : 2005/03/12 20:48
見るのが遅くなってスミマセン;

画像はちゃんとアップロードしてありました。

http://sazaki.fc2web.com/sozai.html/smoke.jpg
↑画像のアドレスなんですが、はったやつが
間違っていたのでしょうか??

11   名前: arc : 2005/03/12 21:15
何指定?
BODY { background: white url("image/http://sazaki.fc2web.com/sozai.html/smoke.jpg") no-repeat fixed right ; }

背景画像指定の単体プロパティは、
{background-image:url(back.gif)}

url() ←括弧の中には画像URL。

12   名前: かな : 2005/03/13 14:27
出来ました!!ありがとうございましたm(__)m

13   名前: むむりく : 2005/03/14 03:49
> 付けない方が妥当なのでしょうかねぇ。。他の作用があるかもや知れませんが。
二重引用符でないと、背景画像が表示されないバグもあったような…

14   名前: arc : 2005/03/14 20:09
結局…、
<style="background-image:url()">
みたいな指定する場合を考えると、引用符無しの方がいいのかな。

一覧へ戻る