背景画像をページの下側に繰り返し表示する

背景画像をページの下側に繰り返し表示する

■しかく動作ブラウザ 【 IE:4.0 NN:6.0】 ■しかくCSSバージョン【1】
Internet Explorer Netscape Navigator iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 7.0 2.x 1.x
Windows ×ばつ ○しろまる - ○しろまる ○しろまる ○しろまる ×ばつ ×ばつ ×ばつ ×ばつ ○しろまる ○しろまる - -
Macintosh ×ばつ ○しろまる ○しろまる ○しろまる - - ×ばつ ×ばつ ×ばつ ×ばつ ○しろまる ○しろまる ○しろまる ○しろまる
UNIX - - - - - - ×ばつ ×ばつ ×ばつ ×ばつ ○しろまる ○しろまる - -

ポイント body { background-repeat:repeat-x; background-position:0% 100%; }
説 明 ページの背景画像を下側に繰り返し表示するにはスタイルの定義でbodyに background-repeat:repeat-x;background-position:0% 100%;のように指定します。
サンプル <html> <head> <title>背景画像をページの下側に繰り返し表示する</title> </head> <body> 背景画像がページの下側に繰り返し表示されます。 </div><div class="naked_ctrl"> <form action="/index.cgi/contrast" method="get" name="gate"> <p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www.openspc2.org/reibun/css/background/014/index.html">(-&gt;オリジナル)</a> / <label>アドレス: <input type="text" name="naked_post_url" value="http://www.openspc2.org/reibun/css/background/014/index.html" size="22" /></label> <label>モード: <select name="naked_post_mode"> <option value="default">デフォルト</option> <option value="speech">音声ブラウザ</option> <option value="ruby">ルビ付き</option> <option value="contrast" selected="selected">配色反転</option> <option value="larger-text">文字拡大</option> <option value="mobile">モバイル</option> </select> <input type="submit" value="表示" /> </p> </form> </div> </body> </html>
補足説明 なし

■しかくサンプルを実行する >>実行
■しかく各ブラウザでの動作結果を見る >>View!