Html 背景尺寸封面,但带有偏移量

Html 背景尺寸封面,但带有偏移量,html,css,background-size,Html,Css,Background Size,我有一个背景图像,中间有一杯咖啡(比如说一个圆圈),但杯子的底部偏移了100px。所以我想把背景移到100像素的顶部,背景覆盖了整个页面。但当我移动背景时,底部会出现一个空白。我读过,但这并没有说明这个空白: 我当前的解决方案(我使用200px偏移量放大问题): html,正文{ 身高:100% } 身体{ 背景图像:url('https://p300-americantownscom.netdna-ssl.com/img/article/ks-coffee-shops-1.jpg'); 背景

我有一个背景图像,中间有一杯咖啡(比如说一个圆圈),但杯子的底部偏移了100px。所以我想把背景移到100像素的顶部,背景覆盖了整个页面。但当我移动背景时,底部会出现一个空白。我读过,但这并没有说明这个空白:

我当前的解决方案(我使用200px偏移量放大问题):

html,正文{
身高:100%
}
身体{
背景图像:url('https://p300-americantownscom.netdna-ssl.com/img/article/ks-coffee-shops-1.jpg');
背景重复:无重复;
背景尺寸:封面;
背景位置:50%钙(50%-200px);

}
您能发布更多代码并显示问题吗?我添加了偏移量为250px的代码段。请检查这个问题@AdgTest'这个背景位置:左50% Calc(50% -250px);“我从W3C草案的PARA.81.3中得到提示,而不使用<代码> Tope<代码>。这取消了顶部偏移@ ECG8SO,您正在绑定页面的背景封面100%,并给出它的负余量(例如,代码>空白:-20px < /代码>),因此该圆将居中居中。