bodyバックグラウンド延伸適応互換chrome ie 7,8,9を実現する.ie 6未テスト
1510 ワード
html, body
{
/* chrome, firefox*/
background: rgb(246,248,249);
background: url('/styles/images/bg.jpg') no-repeat center fixed;
background-attachment: fixed;
background-size: 100% 100%;
/* IE , */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/images/bg.jpg',sizingMethod='scale');
background-repeat: no-repeat;
background-positon: 100%, 100%;
font: normal 12px tahoma, arial, verdana, sans-serif;
margin: 0;
padding: 0;
border: 0 none;
overflow: hidden;
height: 100%;
}
説明:
オブジェクトコンテナの境界内に、オブジェクトの背景と内容の間に画像が表示されます.この画像の切り取りとサイズ変更の操作を提供します.PNG(Portable Network Graphics)形式でロードされている場合は、透明度0~100%が提供されます.
構文:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=\'#\'")
enabled:オプション.ブール値(Boolean).フィルタがアクティブかどうかを設定または取得します.true:デフォルトです.フィルタがアクティブになります.false:フィルタが禁止されています.
sizingMethod:オプション.String.フィルタが作用するオブジェクトのピクチャのオブジェクトコンテナ境界内の表示方法を設定または取得します.crop:オブジェクトサイズに合わせて画像を切り取ります.イメージ:デフォルト.オブジェクトの寸法境界を拡大または縮小して、ピクチャの寸法に適応します.scale:オブジェクトの寸法境界に適応するようにピクチャをスケールします.
src:必須オプション.String.絶対または相対urlアドレスを使用して背景画像を指定します.このパラメータを無視すると、フィルタは機能しません.