0

このセクションの構造を持つブートストラップ 3.0 の Web があります。

<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;
}

投稿やGoogleで読んださまざまな解決策を試しましたが、何もうまくいかないようです. 何か案は？前もって感謝します

4

0 に答える 0