CSS背景画像が完全に表示されない場合の対処方法

CSS 背景画像の不完全な表示に対する解決策: [background-size:cover; など、背景画像を完全に表示するという目的を達成するために、background-size 属性を使用して背景画像のサイズを制御します。 ]。

このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョン。この方法はすべてのブランドのコンピューターに適しています。

解決策:

背景画像を完全に表示するには、background-size 属性を使用して背景画像のサイズを制御します。

属性の紹介:

background-size 属性は、背景画像のサイズを指定します。

(学習ビデオ共有: css ビデオ チュートリアル)

文法:

background-size: length|percentage|cover|contain;

属性値:

• #length 背景画像の高さと幅を設定します。最初の値は幅を設定し、2 番目の値は高さを設定します。値が 1 つだけ指定され、2 番目の値が auto に設定されている場合、

• percentage は背景の配置領域に対する相対的なパーセンテージを計算します。最初の値は幅を設定し、2 番目の値は高さを設定します。値が 1 つだけ指定された場合、2 番目の値は「自動」に設定されます。

#cover これにより、画像のアスペクト比が維持され、背景の位置を完全にカバーするように画像が拡大縮小されます。地域のサイズ。
contain これにより、画像のアスペクト比が維持され、背景配置領域内に収まる最大サイズに画像が拡大縮小されます。

• #例:

関連する推奨事項:CSS チュートリアル

以上がCSS背景画像が完全に表示されない場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。