画面を少しいじってみよう!

hyoujun.gif (3488 バイト)

3.

背景にイメージを使おう!PartU
      IE3 IE4 IE5 IE6  

もし、作ったページが大きくて一画面におさまらないときはブラウザで見たときにスクロールバーというのが出てくるんだ。
それをマウスで動かしたら画面も同じように動いて、下のほうにある文字や画像などを表示してくれるんだよね。
インターネットをよくしてる人はわかると思う。(今も右に出てるね)
さっきやった背景に画像を使う方法を使うとスクロールバーで画面を動かした時に後ろの画像も一緒に動いてしまうんだね。
今回はスクロールバーを動かしても後ろの背景は動かないで前の文字や画像だけ動くようにする指定方法だよ。

<BODY BACKGROUND="" BGPROPERTIES=FIXED>〜</BODY>    ・・・・背景の画像を固定する

■・・・・・画像のファイル名(URL)を指定する
(ファイル名の指定については”9.画像を使おう!”を参照)

さっきのタグにBGPROPERTIES=FIXEDというのを付け足せばいいんだね。
これで背景の画像を固定することができたはずだよ。

 SOURCE
<HTML>
<HEAD>
<TITLE>背景画像</TITLE>
</HEAD>
<BODY BACKGROUND="画像のURL" BGPROPERTIES=FIXED>         
←ここに書くんだよ、注意しようね。
ここは普通に文字などを書ける。
</BODY>
</HTML>

今回はここでは示せないからどんな風になるかは次のサンプルのページへ行ってみてね。

 RESULT  

 

 

 

ここで標準編は終わりです
top.gif (583 バイト) 目次へ戻る


back.gif (1116 バイト) 背景にイメージを使おう!
next2.gif (967 バイト) マージンを指定しよう!(応用編)