■背景固定方法いろいろ■

スタイルシートを使用して背景画像を好きな場所に配置させるタグをこちらにまとめました。
お目当ての配置方法のタグを<head>〜</head>に挿入してください。

画面左縦一列に配置:
サンプル■
<style type="text/css">
<!--
body { background-repeat:repeat-y; }
-->
</style>

画面右縦一列に配置:
サンプル■
<style type="text/css">
<!--
body { background-repeat:repeat-y;
background-position:100%; }
-->
</style>

画面上横一列に配置:
サンプル■
<style type="text/css">
<!--
body { background-repeat:repeat-x; }
-->
</style>

画面下横一列に配置:
サンプル■
<style type="text/css">
<!--
body { background-repeat:repeat-x;
background-position:0% 100%; }
-->
</style>

背景画像を固定する:
サンプル■
<style type="text/css">
<!--
body { background-attachment:fixed; }
-->
</style>

画面右上に一枚だけ配置:
サンプル■
<style type="text/css">
<!--
body { background-repeat:no-repeat;
background-position:100% 0%; }
-->
</style>

画面右下に一枚だけ配置:
サンプル■
<style type="text/css">
<!--
body { background-repeat:no-repeat;
background-position:100% 100%; }
-->
</style>

配置場所をピクセルで指定:
サンプル■
<style type="text/css">
<!--
body { background-repeat:no-repeat;
background-position:000px 000px; }
-->
</style> 「000」のところに数字を入れて指定してください






inserted by FC2 system