Question

我正在尝试修复我的网站的背景，我在我的网站上放置了一个div“bgDiv”，其位置已修复。它在桌面上运行良好。但在ipad位置固定不起作用它滚动我的整个网站。和背景图像重复。有没有办法避免滚动bgDiv。

 .bgDiv{
    background: url("test.jpg") repeat scroll 0 0 transparent;
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -2;
    height: inherit;
    }

<body>
  <div class="bgDiv"></div>
     <div class="wrapper">
          content
      </div>
</body>

Answer 1

用这个更新你的css，

.bgDiv{
    background: url("test.jpg") repeat scroll 0 0 transparent;
    background-size: 100% 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: -2;
    height: auto;
    width:100%;
 }

如果没有添加，请将其添加到上面的代码

 <meta name="viewport" content="width=device-width, user-scalable=no" />

您可以参考此文档： - http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html

已修复的位置无法在ipad上运行

1 个答案: