PR
テクニカルライター
株式会社メディアリュウム/株式会社WEBサクセス所属 テクニカルライター＆Webライターが、 コンテンツ作成について語るブログです。
2026/05
2026/04
2026/03
2026/04
2026/03
2026/02
2026/01
2025/12
2026/01
2025/12
歳を取って気付くこと
くりりん630さん
『「AI」について考… ＬＤ菊池さん
ＰＬＡ＋ＮＥＴＳク… ａｙｕｍｙｕさん
天使の導き 安寿ーあんじゅさん
新川てるえの家族の… 新川てるえさん
おもしろき ことも… kenkenppaさん
プリプレス･センター… プリプリ人さん
駐妻の光と影 pumpkin2005さん
にわとりのあたま にわとりのあたまさん
カラーセラピーＲｏ… rosa_mihoさん
『「AI」について考… ＬＤ菊池さん
ＰＬＡ＋ＮＥＴＳク… ａｙｕｍｙｕさん
天使の導き 安寿ーあんじゅさん
新川てるえの家族の… 新川てるえさん
おもしろき ことも… kenkenppaさん
プリプレス･センター… プリプリ人さん
駐妻の光と影 pumpkin2005さん
にわとりのあたま にわとりのあたまさん
カラーセラピーＲｏ… rosa_mihoさん
2004/10/18
テーマ： 裏ワザ・便利ワザ(460)
カテゴリ： ホームページ作成ノウハウ
ページのスクロールが発生しても、背景画像がスクロールしないスタイルをご紹介します。
background-attachment:fixed
これを使います。
<html>
<title>背景画像を固定するスタイルシートの例</title>
<body style="background-attachment: fixed;background-image: url(gazou.gif)">
<p>背景</p>
<p>画像を</p>
<p>固定する</p>
<p>シートの</p>
<p>例です。</p>
<p>スクロールしても</p>
<p>画像は</p>
<p>スクロール</p>
<p>しませんよ！！</p>
</body>
</html>
このHTMLファイルと同じフォルダに
gazou.gifを保存してテストしてみてくださいね。
ではまたー
background-attachment:fixed
これを使います。
<html>
<title>背景画像を固定するスタイルシートの例</title>
<body style="background-attachment: fixed;background-image: url(gazou.gif)">
<p>背景</p>
<p>画像を</p>
<p>固定する</p>
<p>シートの</p>
<p>例です。</p>
<p>スクロールしても</p>
<p>画像は</p>
<p>スクロール</p>
<p>しませんよ！！</p>
</body>
</html>
このHTMLファイルと同じフォルダに
gazou.gifを保存してテストしてみてくださいね。
ではまたー
お気に入りの記事を「いいね！」で応援しよう
最終更新日
2004/10/18 03:53:03 PM
[ホームページ作成ノウハウ] カテゴリの最新記事
-
「お客様の声」の書き方（蝦名） 2009/07/17
-
ついに公開！お客様事例です♪(蝦名) 2009/04/22
-
ホームページで高額商品が売れる（蝦名） 2009/03/04
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
