我有一个背景图像，中间有一杯咖啡（比如一个圆圈），但是杯子的底部偏移了100px。所以我想将背景大约100px移到顶部，背景覆盖整个页面。但是当我移动背景时，从底部出现一个空白区域（但它似乎小于100px）。我看过this Q/A，但这没有说明这个空格：
我目前的解决方案（我使用250px偏移来扩大问题）：
trait Br { type Foo ; val x: Foo }
class Bar[F](val x: F) extends Br { type Foo = F }
class Baz[R <: Br](val bar: R) {val x: bar.Foo = bar.x }
修改，不使用html,body{
height:100%
}
body{
background-image:url('http://www.sheikhpour.com/coffee/coffee.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:50% calc(50% - 250px);
}并使用纯百分比，例如calc，Chrome中的每件事情都运行正常。我必须克服background-position:50% 60%