如何使图像全部3：覆盖（从左到右），调整大小和滚动

Question

如何制作图像：封面（从左到右），调整大小（保持正确的宽高比）和滚动？到目前为止，搜索发现执行这些功能中的一个或两个的结果，但不是同时发现这三个功能。这是与我最近失败的尝试相关联的CSS。在div中使用相同的CSS（下面），结果仍然不成功。尝试效果的一个例子是这里的小麦图像（http://nlbcg.weebly.com）。

body {
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
background-color: #ffffff;
background: url('Image.jpg') no-repeat center center fixed; 
// background-attachment: scroll;
background-size: cover;
}

Answer 1

不是滚动的背景图像，而是容器。给det容器一个比你好的高度。

Answer 2

div {
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 700px;
background: url('Image.jpg') no-repeat center center;   
background-size: 100% !important; 

}