1

コンテナの一部としてdivがあり、背景を表示するためにすべての方向にオーバーフローします（z-index：0にあります）。水平スクロール（html {overflow-x：hidden;}）を無効にしました。決して必要とされるべきではありません。

ただし、垂直スクロールバーで「背景」のdivを無視したいのですが、コンテンツの残りの部分が高さに対応するように伸びている場合は、スクロールバーが表示されます。

私はoverflow：hiddenをバックグラウンドdivで試しましたが、効果がありません。

4

1 に答える 1

1

簡単な解決策は、バックグラウンドdivに次のように設定することです。

#bgdiv {
    max-width:  100%;   /* Won't cause horizontal scrollbars */
    max-height: 100%;   /* Won't cause vertical scrollbars */
    position: fixed;    /* Positions relative to viewport */
    top: 0; left: 0;    /* Sets to top left of viewport */
    z-index: 0;         /* Places at a low z-index level */
}

また、コンテンツを格納するための追加要素を提供します。コンテンツ自体には次のものがあります。

#body {
    position: relative; /* Permits z-index placement */
    z-index: 1;         /* Places just above background div */
}

フィドル： http： //jsfiddle.net/jonathansampson/R3kBP/4/

于 2012-06-14T16:15:26.477 に答える