如何制作图像:覆盖(从左到右)、调整大小(保持正确的纵横比)和滚动?到目前为止,搜索发现的结果具有这些特征中的一个或两个,但不是同时具有所有三个特征。这是与我最近一次失败尝试相关联的 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;
}
最佳答案
滚动的不是背景图片,而是容器。给 det 容器一个高度,而不是你可以去的高度。
关于css - 如何使图像执行所有操作 3 : Cover (left-to-right), 调整大小并滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35592216/