|
|
背景画像を固定させるには、「スタイルシート」を使います。
スタイルシートは、<head>〜</head>内に記述して使います。
<head>〜</head>内に記述するとページ全体にスタイルシートの内容が適用されます。
こちらで使わせて頂いている画像は全て、ATP's 素材置き場さんからお借りしてきました。
| HTML文書 |
 ページ左上に固定
|
<style type="text/css">
<!--
body { background-attachment: fixed;
background-image: url("panda_01.jpg");
background-repeat: no-repeat;
background-position: left top}
-->
</style>
|
|
| HTML文書 |
ページ右上に固定
|
<style type="text/css">
<!--
body { background-attachment:
fixed; background-image: url("panda_01.jpg");
background-repeat: no-repeat;
background-position: right top}
-->
</style>
|
|
| HTML文書 |
ページ左下に固定
|
<style type="text/css">
<!--
body { background-attachment: fixed;
background-image: url("panda_01.jpg");
background-repeat: no-repeat;
background-position: left bottom}
-->
</style>
|
|
| HTML文書 |
ページ右下に固定
|
<style type="text/css">
<!--
body { background-attachment: fixed;
background-image: url("panda_01.jpg");
background-repeat: no-repeat;
background-position: right bottom}
-->
</style>
|
|
|
|
を紹介しています。
