CSS3 Pre-Reference



background-attachment

背景画像の固定方法

試す

サンプル

書いてあるスクロール方法でスクロールされていれば対応しています。

fixed
 
 
 
 
 
 
 
 
 

local
 
 
 
 
 
 
 
 
 

scroll
 
 
 
 
 
 
 
 
 

コメントする


対応ブラウザ

Firefox
すべて
Chrome/Safari
すべて
Opera
すべて
InternetExplorer
すべて

パラメータ

scroll | fixed | local[, scroll | fixed | local]*
初期値 scroll
適用 すべての要素
継承 しない
レベル 1
%の解釈 -
適用メディア Visual
参考文献 CSS Backgrounds and Borders Module Level 3#3.5. The ‘background-attachment’ property

解説

背景を固定するかどうかを指定します。CSS3になって一部解釈が変わり、またキーワード”local”が追加されています。

fixed
背景はビューポイントに対して固定されます。スクロールしても動きません。
local
背景は要素のボックスに対して固定されます。つまり要素に対しては背景は同期してスクロールしますが、ビューポートのスクロールに対しては固定されます。Operaは10.5から、Chrome/Safariは正確なバージョンは不明ですが、5系ではサポート済みです。Firefoxは4.0 beta 3の時点では未対応です。
scroll
背景は要素に対して固定されます。つまり、ビューポートに対してはスクロールしますが、内容に対しては固定されます。

トラックバック

投稿されたコメント