css - 如何使图像执行所有操作 3 : Cover (left-to-right), 调整大小并滚动

标签 css

如何制作图像:覆盖(从左到右)、调整大小(保持正确的纵横比)和滚动?到目前为止,搜索发现的结果具有这些特征中的一个或两个,但不是同时具有所有三个特征。这是与我最近一次失败尝试相关联的 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/

相关文章:

css - 如何覆盖 p :datalist css-class?

html - 像 Pinterest 一样渲染照片

css - 如何在 SQL 语句中放置 div 类?

css - 如何缓存wordpress主题图片?

html - 在图像标签中复制 background-img 属性

javascript - Bootstrap - float div的固定顶部div不起作用

css - Material 用户界面 : Give TableBody a max height and make it vertically scrollable

css - block 网格在 Foundation 中显示水平滚动条

javascript - 网页动画背后的技术是什么?

css - 尝试使用自动 margin-left/right : auto place image at the left hand side