0

我正在尝试修复我的网站的背景，并且我在我的网站上放置了一个 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>
4

1 回答 1

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

于 2013-03-26T07:06:09.717 回答