web-dev-qa-db-ja.com

background：とbackground-image：のcssの違い

簡単な質問次の外部CSSページの例では;

body {
  background-image: url(background.jpg);
}
header {
  background: url(background.jpg);
}

それらが異なる要素セレクターに影響を与えていることを理解しています。私の質問は、backgroundとbackground-imageの使用の違いは何ですか？一方が他方の特定の属性にアクセスできますか？どうぞよろしくお願いします。

cssbackgroundbackground-imagebetweendifference
6
epicT

背景プロパティでは、background-color、repeat、no-repeatおよびその他の画像属性を追加できますが、background-imageプロパティでは画像の追加のみが許可されています。

background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;

バックグラウンドプロパティでは、これらすべてを1行で実行できます

background: #ccc url(paper.gif) no-repeat;
13
danish farhaj

背景を使用する場合は、他の引数を指定してページの背景を設定する必要があります。 background-imageを使用した場合は、引数は1つだけです。

background: bg-color bg-image position/bg-size bg-repeat bg-Origin bg-clip bg-attachment initial|inherit;
0
quik_silv