WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:背景を動かさない方法

みか [WriteDate : Fri Apr 20 05:19:32 2001]

こんにちは、久しぶりに質問させていただきます。

時々見かけるのですが、背景が一枚の絵で描かれていて、スクロールバーを動かしても、背景の上にあるテキストだけがスクロールして、背景自体は動かないという効果がありますよね?
これはHTMLの記述だけで設定できる物なんでしょうか?
スタイルシートとか、CGIとかだと自分で書いた事が無いので、かなり不安なんですが、もしHTMLだけなら、関連するタグの名前などをひとまず教えていただければ、自分で頑張って設定してみたいです。
それで分からなかったら、またこちらで質問させていただきたいです。
なんだか勝手な質問ですが、宜しくお願いします_(._.)_


Nobu3 [MAIL] [URL] [WriteDate : Fri Apr 20 09:38:11 2001]

スタイルシートで対応できます。

http://www.nets.ne.jp/~okahashi/rec-css1/rec-css1.html#background-attachment


カヅサツ [MAIL] [URL] [WriteDate : Fri Apr 20 09:53:13 2001]

> 時々見かけるのですが、背景が一枚の絵で描かれていて、
> スクロールバーを動かしても、背景の上にあるテキストだけがスクロールして、
> 背景自体は動かないという効果がありますよね?
> これはHTMLの記述だけで設定できる物なんでしょうか?

設定できないことはないのですが、 HTML の正式(?)な記述ではなく、
MSIE 2.x 以降の独自拡張として BODY 要素の BGPROPERTIES 属性というのがあり、
その値を fixed にすることで「一応」可能です。

<body text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000"
bgcolor="#FFFFFF" background="./xxx.jpg" bgproperties="fixed">

しかし、この方法はあくまで MSIE のみです。普通はスタイルシート(CSS)で行います。
background-attachment プロパティの値を fixed にることで可能です。
どうせやるなら「見た目」に関する指定は全部 CSS にやらせると宜しいかも知れません。

<head>
(略)
<style type="text/css"><!--
body{
color: #000000;
background-color: #FFFFFF;
background-image: url(./xxx.jpg);
background-attachment: fixed;
}
a:link{color: #0000FF;}
a:visited{color: #800080;}
a:active{color: #FF0000;}
--></style>
</head>
<body>

上記例は CSS を STYLE 要素で適用させていますが、
外部 CSS ファイルを LINK 要素で読み込ませる方がスマートである場合が多いです
(特に複数のページを同じ見た目にする場合)。


みか [WriteDate : Fri Apr 20 19:30:53 2001]

Nobu3さん、カヅサツさん、お二人ともありがとうございます♪
早速試してみて、ちょっと感動してしまいました。(笑)
これを機にCSS(で良いのかな?)を勉強してみたいと思います。
改めて、ありがとうございました〜(^-^)/

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]