カテゴリー:ソリッドカラーの背景画像、背景
図1に示すように、背景色
背景色:色と法的透明
図2に示すように、背景画像
画像の背景:URL(ロードしたい画像)
図3に示すように、背景画像のタイリング
背景リピート:
REPEAT:タイル張りの水平垂直方向のデフォルト値
繰り返し-X: 水平方向のタイル
繰り返し-Y: 垂直タイル
ノー・リピート: デフォルトでは、タイルません
図4に示すように、背景画像のサイズ
サイズ・背景:VALUE1 VALUE2 幅高さ(ピクセル)
値の%値%の 幅高さ(%)
表紙 :すべての幾何学的な背景領域を完全にカバーが完全に覆わ背景要素を知って拡大しました
含む:含まれ 、背景の幾何学的増幅素子アップタッチの底部または右端まで
図5に示すように、固定された背景画像
背景取付: 固定(固定)
scorll(スクロール)
図6に示すように、バックグラウンド・ポジショニング
デフォルトの場所要素内の背景画像を変更します
背景位置: FirefoxとOperaのための注意、背景、添付ファイルは、(固定)「固定」に設定する必要があります
左(上、中央、下)
右(上、中央、下)
中央(上部、中央部、下部)
%X Y% (最初の値は水平位置であることに注意し、垂直位置が第2の値であり、0%、0%は、左上隅である、唯一の他の値が50%の値である場合、100%、100%を右下、デフォルトでは0%、0%)であります
YPOSのXPOSは、(最初の値は水平位置であり、垂直方向の位置は、第二の値であり、単位は画素が指定された値が他の値の50%である場合にのみ、他のユニットとすることができるCSSよい;および%ポジションが使用されてもよいです)
継承:親要素から指定のbackground-positionプロパティの設定は必要があります継承
7、スプライトマップ、スプライト
処置:大型の背景にいくつかの小さな背景マージ、サーバーへの低減要求を達成するために
ステップ:1>、我々は画像の大きさに応じて要素を作成
2>、一つの画像に複数の画像、リンクの消費量を削減する、単一の要求で、必要なすべてのリソースをダウンロード