CSS背景大小属性高于“100%”意味着什么?

时间:2017-12-01 05:41:42

标签: html css html5 css3

我正在做渐变动画,我申请了

background-size: 100% 100%;但它不起作用。

然后我尝试background-size: 600% 600%;现在工作正常。

在像素和高达100%我理解。但超过100%,我没有得到 任何人都可以向我解释这意味着什么:600% 600%?它是如何计算的?

1 个答案:

答案 0 :(得分:2)

以百分比形式给出高度和宽度

它将相应尺寸的图像拉伸到背景定位区域的指定百分比。背景定位区域由background-origin(默认情况下为填充框)的值确定。但是,如果背景的背景附加值是固定的,则定位区域是整个视口。不允许使用负值。

这些是一些很好的文章,简要解释

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

https://www.w3.org/TR/css-backgrounds-3/#the-background-size

这个用于渐变

https://drafts.csswg.org/css-images-3/#gradients