固定背景の作り方


当サイトをご利用いただきありがとうございます。

当サイトの加工素材の一部は位置固定壁紙用画像となっております。
位置固定壁紙は、白または黒のグラデーションがかかっています。

壁紙の固定方法がわからない方のために、簡単なご説明を以下に記します。ご参照ください。

(スタイルシート対応のWebサイト構築支援ツールをご利用の方は、マニュアルにしたがってください)

  1. 壁紙用の画像を用意します。
  2. 壁紙を貼り付けたいページのHTMLファイルをテキストエディタで開きます。
  3. 以下のタグをヘッダ部分に書き込みます。
ヘッダ部分とは、<HEAD></HEAD>で囲まれた部分のことです。
<STYLE type="text/css">
<!--
BODY{
background-image : url(ファイル名);
background-repeat : no-repeat;
background-attachment : fixed;
background-position : 配置場所;
}
-->
</STYLE>
ファイル名には、用意した壁紙用の画像ファイル名を、相対パスまたは絶対パスで記入します。
配置場所は、列 行の順で記述します。
このファイルの場所指定は、
  background-position : right bottom;
となっています。
配置場所は以下の通りです。

left top
center top
right top
left center
center center
right center
left bottom
center bottom
right bottom


inserted by FC2 system