コメント:ただし、CSS3が表示された後、繰り返し表示状況が改善されました。バックグラウンドサイズのプロパティは、背景画像を伸ばして埋めるという以前の希望を実現することができます。特定の使用方法は次のとおりです。興味のある友達はそれを参照できます。私はそれが誰にでも役立つことを願っています。
背景画像のストレッチを埋める方法、この質問は簡単に聞こえます。しかし、私はあなたに言ってすみません。私たちが考えるほど単純ではありません。たとえば、コンテナ(ボディ、Div、スパン)に背景を設定します。このバックグラウンドの長さと幅の値は、CSS2.1の前に変更することはできません。
したがって、実際の結果は、繰り返し表示することができるため、繰り返し、リピートX、リピート、ノーリピートなどのプロパティが表示されます。背景画像の表示を制御するために使用されます。したがって、背景写真には2つのタイプがあります。
1.それは全体の全体像であり、サイズとエリアのサイズはちょうど一致します
2.非常に小さなバーチャートは、繰り返しを通過した後、非常に通常の大きな画像の背景を形成します。
しかし、CSS3が現れた後、この状況は改善されました。バックグラウンドサイズのプロパティは、以前の希望を実現することができます。
このプロパティは、Firefox、Chrome、およびIE9で使用できます。
特定の使用方法は次のとおりです。
背景画像サイズ(数値表現):
#バックグラウンドサイズ{
バックグラウンドサイズ:200px 100px;
}
背景画像サイズ(表現率):
#background-size2 {
バックグラウンドサイズ:30%60%;
}
背景画像サイズ(要素を埋めるために画像を拡張するのに相当、つまりカバー値):
#background-size3 {
バックグラウンドサイズ:カバー;
}
背景画像サイズ(イメージを同じ比率で削減して、要素のサイズ、つまり値を含む)に適応します):
#background-size4 {
バックグラウンドサイズ:clont;
}
背景画像サイズ(要素が画像自体のサイズ、つまり自動値のサイズを埋めます):
#background-size5 {
バックグラウンドサイズ:auto;
}