我经常在前端工作,并使用速记符号设置CSS背景。我想知道一个带有背景图像的div,它的父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>
只需不在简写声明中设置背景色即可。您可以跳过它。
节省带宽,css浏览器的渲染性能完全取决于用户/访问者浏览器!
祝你好运!
每个人建议您省略声明都是正确的。这是很好的级联。
然而,当内部元素需要白色背景时,您可能需要将其声明为白色——在这种情况下,如果该元素将出现在其他地方,则将其包含在内是明智的。
我想说,无论哪种方式,性能的提升在很大程度上都是不明显的。