固定のやり方を説明します
壁紙の代わりに固定タグを使えば、
画像を好きな場所に置けたり、自由自在です。
超簡単です。すべて
<HEAD>と</HEAD>の間に
コピーしてそのまま貼るだけ！
①
上一列に連続表示したいなら
見本ページ
<style type="text/css">
<!--
body
{
background-color: #背景色;
background-image : url("壁紙のurl");
background-repeat: repeat-x;
background-attachment: fixed;
}
-->
</style>
②下一列に連続表示したいなら
<style type="text/css">
<!--
body{
background-color: #背景色;
background-image : url("壁紙のurl");
background-repeat:repeat-x;
background-attachment: fixed;
background-position:bottom;}
-->
</style>
③左一列に連続表示したいなら
<style type="text/css">
<!--
body
{
background-color: #背景色;
background-image : url("壁紙のurl");
background-repeat: repeat-y;
background-attachment: fixed;
}
-->
</style>
③真ん中にひとつ固定したいなら
見本ページ
<style type="text/css">
<!--
body {
background-color: #背景色;
background-image : url("壁紙のurl");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center ;
}
-->
</style>
④左上に一つ固定したいなら
<style type="text/css">
<!--
body
{
background-color: #背景色;
background-image : url("壁紙のurl");
background-repeat: no-repeat;
background-attachment: fixed;
}
-->
</style>
⑤左下に一つ固定したいなら
<style type="text/css">
<!--
body
{
background-color: #背景色;
background-image : url("壁紙のurl");
background-attachment: fixed;
background-position:0% 100%;
background-repeat: no-repeat
;
}
-->
</style>
⑥右上に一つ固定したいなら
<style type="text/css">
<!--
body
{
background-color: #背景色;
background-image : url("壁紙のurl");
background-attachment: fixed;
background-position: 100% 0%;
background-repeat: no-repeat
;
}
-->
</style>
⑦右下に一つ固定したいなら
<style type="text/css">
<!--
body {
background-color: #背景色;
background-image : url("壁紙のurl");
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat
;
}
-->
</style>
⑧画像を透かせたいなら
見本ページ
<style><!--img{filter:alpha(opacity=50);-moz-opacity:0.5;}--></style>
これは数字の
50
を入れたので、
50％透かせる
という意味です。
色々試して好きな透明度にして下さい。