0

我有一个带有以下部分结构的 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;
}

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

4

0 回答 0