FAQ/背景画像の固定方法

最終更新日：2007/02/01

背景画像をスクロールしても固定する方法があります。固定するにはいくつかの設定方法がありますが、すべての設定に共通して簡単に出来る方法を紹介します。

 

設定方法

１．メンテナンスルームにログイン後

２．カスタマイズ「アドバンスモード」に入室します

３．ＨＥＡＤ編集に入室します

４．編集項目の中に以下のスタイルシートを挿入します。

<style type="text/css">
<!--
body { background-attachment:fixed; }
-->
</style>

もし、別のスタイルシートが設定されていた場合は、上記スタイルシートをうまく組み込んで下さい。

---

元のスタイルシート

---

<STYLE type=text/css>
<!--
TR {FONT-SIZE: 10pt}
TD {FONT-SIZE: 10pt}
A:link {FONT-SIZE: 10pt; TEXT-DECORATION: underline}
A:visited {FONT-SIZE: 10pt; TEXT-DECORATION: underline}
A:active {FONT-SIZE: 10pt; TEXT-DECORATION: underline}
A:hover {FONT-SIZE: 10pt; TEXT-DECORATION: underline; color: #FF00FF}
SMALL {FONT-SIZE: 8pt}
input,textarea,select{
background-color:#FFFFEE;
border :1 dotted #000000;
border-style: inset;
}
-->
</STYLE>

---

設定後のスタイルシート

---

<STYLE type=text/css>
<!--
TR {FONT-SIZE: 10pt}
TD {FONT-SIZE: 10pt}
A:link {FONT-SIZE: 10pt; TEXT-DECORATION: underline}
A:visited {FONT-SIZE: 10pt; TEXT-DECORATION: underline}
A:active {FONT-SIZE: 10pt; TEXT-DECORATION: underline}
A:hover {FONT-SIZE: 10pt; TEXT-DECORATION: underline; color: #FF00FF}
SMALL {FONT-SIZE: 8pt}
input,textarea,select{
background-color:#FFFFEE;
border :1 dotted #000000;
border-style: inset;
}
body { background-attachment:fixed; }
-->
</STYLE>

　

５．設定変更をして下さい。デザインがうまく反映されているか確認して下さい。

 

▲

/ SEKKAKU-NET / カウンター / 宿泊施設検索 / 管理ダイエット / 懸賞 / ショップ / メールフォーム / CGI / マテリアル /