私はいくつかのCSSで遊んでいますが、これまでのところ、これらはすべて同じように見えます。
background: url('/images/file.png');
background: image-url('file.png'); /* Doesn't requires as much info about the path. */
background-image: url('/images/file.png');
違いはありますか、それとも好み次第ですか？
質問する
34 次
1 に答える
4
最初のプロパティ宣言は省略形です。
background: #COLOR url('image.png');
これはこれと同等です：
background-color: #COLOR;
background-image: url('image.png');
色を省略することで、画像を指定するだけです。
そして、CSS2仕様からのプロパティに関する情報：
'background'プロパティは、個々の背景プロパティ（つまり、'background-color'、'background-image'、'background-repeat'、'background-attachment'、および'background-position'）を設定するための省略形のプロパティです。スタイルシートの同じ場所。2つ目は無効なCSSです。
2つ目は無効なCSSです。使用しないでください。
3番目のプロパティは、他のプロパティ（これも仕様から）をリセットしないため、推奨されます。
有効な宣言が与えられると、'background'プロパティは最初にすべての個々の背景プロパティを初期値に設定し、次に宣言で指定された明示的な値を割り当てます。
于 2012-08-18T00:25:31.843 に答える