附件背景图片的大小是多少：固定;和大小：封面;？

Question

准确地说，如果我们有一个高度超过视口高度的块：

.foo {
  height: 110vh;
  background-attachment: fixed;
  background-size: cover;
  ...
}

attachment: fixed和size: cover;的背景图片是否会 .foo 元素的整个高度或< EM>视

Answer 1

只需在jsfiddle

中进行测试即可

很明显，内部.foo div超出了身高。请注意，即使body设置为overflow：hidden，.foo div仍然会超出body标签。

我还在chrome设备模拟器上测试了身体标签为100vh，图像为120vh，见。

body {
  height: 30vh;
}
.foo {
  background: url("http://orig15.deviantart.net/1c5c/f/2009/109/0/5/sample_background_5_by_hiagain69.jpg");
  height: 60vh;
  background-attachment: fixed;
  background-size: cover;
}

<div class="foo"></div>