css - 白い背景のdivのCSSの白または透明な背景色?

Question

私はフロントエンドで作業し、簡略表記を使用して CSS の背景を設定することがよくあります。親 div の背景が白い背景画像を持つ div を探していました-子の背景色は白または透明にする必要がありますか? どちらがパフォーマンスに優れていますか?

すなわち:

<div id='parent' style='background:white;'>
    <div id='child' style='background:WHITE image no-repeat center center;'></div>
</div>

また

<div id='parent' style='background:white;'>
    <div id='child' style='background:TRANSPARENT image no-repeat center center;'></div>
</div>

score 1 · Accepted Answer

宣言を取りやめることを提案するのは誰にとっても正しいことです。カスケードがいいです。

ただし、内部要素に白い背景が必要な場合は、白と宣言することをお勧めします。その場合、この要素が他の場所に表示されるイベントに含めることが賢明です。

どちらの方法でも、パフォーマンスの向上はほとんど目立たないと思います。

score 1 · Accepted Answer

簡略宣言で背景色を設定しないでください。スキップできます。
帯域幅を節約し、css-browser-rendering-performance は、ユーザー/訪問者のブラウザーに完全に依存しています!

幸運を！

2 に答える 2