2

次の HTML マークアップがあります

<div id="main">
 <div id="div1" style="position:relative;"></div>
 <div id="div2" style="z-index:-1; position:relative; overflow:auto; height:500px;"></div> 
</div>

データを動的にdiv2ロードすると、コンテンツが div の高さを超える可能性があるため、overflow:autoプロパティを使用してスクロールバーを表示しました。問題は、スクロールバーがすべてのブラウザーで表示されることですが、IE8/9、FireFox、および Chrome でのみ機能します。他のブラウザーでは、スクロールバーは表示されますが、機能はありません。

4

2 に答える 2

3

div2のz-indexは-1です。だからそれは遅れています。それが機能しない理由です。

于 2012-07-14T08:03:47.070 に答える
1

同様の問題があり、負のz-indexが実際に問題であり、正のz-indexが解決策であることがわかりました。div2のz-indexを0または正の値Xに設定してから、他の要素のz-indexを0またはXより大きいz-indexに設定してみてください。z-indexが負の場合、アイテムは「下」になります。 「マウスの相互作用のレベル、したがって、新しいzインデックスにより、div2は、マウスの相互作用を可能にしながら、より高いzインデックスを持つ他のコンテンツの背後になります。

詳細については、この質問を参照してください： マウスの相互作用を妨げる奇妙なz-indexの動作：バグまたは正常？

于 2012-08-02T07:11:26.053 に答える