Open
Description
花絮与注解
第 48 页 · 第一段
原因是
background-origin
的默认值是padding-box
,因此,图片的显示尺寸不仅取决于 padding box 的尺寸,而且被放置在了 padding box 的原点(左上角)。
此时背景图片的显示尺寸取决于 padding box 的尺寸,原因在于元素设置了 background-size: cover
样式。这个属性的行为是在保持图片的宽高比不变的前提下,先把图片缩小至无穷小,再尝试逐渐拉伸图片,当图片刚刚好可以覆盖住元素时定形。
说到 “覆盖住元素”,还是那句话,实际上需要覆盖住的是元素的 “背景定位区域”。而元素的背景定位区域是由 background-origin
属性来决定的,默认是 padding-box
。
交流与答疑
(暂无)