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