时间戳

首页 > 解决方案 > 背景图像未拉伸到页面底部：无法使用背景附件

html - 背景图像未拉伸到页面底部：无法使用背景附件

问题描述

我正在开发一个需要完全覆盖整个页面的背景图像的项目。我无法使用属性“背景附件：封面”，因为该页面还需要在不支持背景附件的 iOS 上查看。

.sky-background {
  background-image: url("https://images.unsplash.com/photo-1514477917009-389c76a86b68?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /* cannot use this property */
  /* background-attachment:fixed; */
}
<body class="sky-background">
</body>

我一直在寻找用于 iOS 的替代品，但到目前为止我还没有找到任何令人满意的东西。任何人都可以提供任何指示吗？

标签： htmlioscssbackgroundposition

解决方案

这与文档高度有关。尝试body {min-height: 100vh;}或更好html {100%};。

推荐阅读