Skip to content

[注解] [208] 连续的图像边框 #35

Open
@cssmagic

Description

@cssmagic

花絮与注解

第 48 页 · 第一段

原因是 background-origin 的默认值是 padding-box,因此,图片的显示尺寸不仅取决于 padding box 的尺寸,而且被放置在了 padding box 的原点(左上角)。

此时背景图片的显示尺寸取决于 padding box 的尺寸,原因在于元素设置了 background-size: cover 样式。这个属性的行为是在保持图片的宽高比不变的前提下,先把图片缩小至无穷小,再尝试逐渐拉伸图片,当图片刚刚好可以覆盖住元素时定形。

说到 “覆盖住元素”,还是那句话,实际上需要覆盖住的是元素的 “背景定位区域”。而元素的背景定位区域是由 background-origin 属性来决定的,默认是 padding-box

交流与答疑

(暂无)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions