CSS1 テストスイート: 5.3.5 background-attachment


[戻る] [進む] [セクション] [目次] [仕様書]

下記のテキストに適用されるスタイル宣言は、つぎのとおりです。

BODY {background-image: url(bg.gif); background-repeat: repeat-x; background-attachment: fixed;}


この文書には、ページの上端を横切る緑色の方眼パターンのライン(または少なくともタイル表示された背景)があり、これは文書と一緒にスクロールしないはずです。 代わりに、ページの末尾に到達したときであっても内容がスクロールして通り過ぎてゆく固定パターンのように見えるはずです。 さらに、デフォルトのテストスイート背景は、上に示したスタイルで上書きされますから、現れないはずです。 このことすべてを私たちが実際にチェックできるものにするためには、ページに余分なテキストをたくさん追加しなければなりません。 心配しなくてもかまいません。 ちょっとしたものを考えています。

CSS1仕様書の関連セクションはどうでしょう? いい考えでしょ。



5.3.5    'background-attachment'

値: scroll | fixed
初期値: scroll
適用対象: 全要素
継承: されない
百分率値: N/A

背景画像が指定されている場合、'background-attachement' の値が、それがキャンバスに対して固定されるか、内容とともにスクロールするかを決定する。

  BODY { 
    background: red url(pendant.gif);
    background-repeat: repeat-y;
    background-attachment: fixed;
  }

CSS1コア: ユーザエージェントは 'fixed' を 'scroll' として扱ってもかまわない。 もっとも、制作者が 'fixed' をサポートするブラウザにだけ画像を用意する方法はないから、少なくとも HTML 要素及び BODY 要素については 'fixed' を正しく解釈できることが推奨される。

TABLEテストコーナー
 

この文書には、ページの上端を横切る緑色の方眼パターンのライン(または少なくともタイル表示された背景)があり、これは文書と一緒にスクロールしないはずです。 代わりに、ページの末尾に到達したときであっても内容がスクロールして通り過ぎてゆく固定パターンのように見えるはずです。 さらに、デフォルトのテストスイート背景は、上に示したスタイルで上書きされますから、現れないはずです。 このことすべてを私たちが実際にチェックできるものにするためには、ページに余分なテキストをたくさん追加しなければなりません。 心配しなくてもかまいません。 ちょっとしたものを考えています。

CSS1仕様書の関連セクションはどうでしょう? いい考えでしょ。



5.3.5    'background-attachment'

値: scroll | fixed
初期値: scroll
適用対象: 全要素
継承: されない
百分率値: N/A

背景画像が指定されている場合、'background-attachement' の値が、それがキャンバスに対して固定されるか、内容とともにスクロールするかを決定する。

  BODY { 
    background: red url(pendant.gif);
    background-repeat: repeat-y;
    background-attachment: fixed;
  }

CSS1コア: ユーザエージェントは 'fixed' を 'scroll' として扱ってもかまわない。 もっとも、制作者が 'fixed' をサポートするブラウザにだけ画像を用意する方法はないから、少なくとも HTML 要素及び BODY 要素については 'fixed' を正しく解釈できることが推奨される。


[戻る] [進む] [セクション] [目次] [仕様書]