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 に答える