Question

我有一个带有bootstrap 3.0的网页，其中包含以下部分结构：

<html>
<header>
</header>
<body>

<div class="container" id="section1">
        <div class="row">
      <div class="col-lg-12 section">
        <header>
        <h3 ></h3>
        <h4></h4>
        </header>

      </div>
    </div>
</div>
<div class="container" id="section2">
        <div class="row">
      <div class="col-lg-12 section">
        <header>
        <h3 ></h3>
        <h4></h4>
        </header>

      </div>
    </div>
</div>
</body>
</html>

我试图修复背景图像并覆盖每个div“容器”。在较高的设备工作很好，但在ipad和iPhone它不起作用。这是我对第1节的css：

    #section1{
    background-color: transparent;
    background-image: url("img/about.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-position: center top;
    background-clip: border-box;
    background-origin: padding-box;
    margin-top: 50px;
    padding-top: 120px;
    min-height: 700px;
    width: 100%;
    background-size: cover;
}

我在帖子和谷歌中尝试了各种解决方案，但似乎没有任何效果。有任何想法吗？提前致谢

如何使背景图像固定在ios设备的倍数div中？

0 个答案: