誰かが私の問題を解決できることを願っています。デスクトップ ウィンドウで Z-index を使用すると、すべての画像またはスライダーがオーバーラップして表示されます。ブラウザーのサイズをモバイル デバイスの解像度に合わせて変更すると、Z インデックスが分割されるため、スペースのある画像が表示されます。前もって感謝します。
4 に答える
z-index は、次のような明示的に配置された HTML 要素でのみ機能することを思い出してください。
position:absolute;
position:fixed;
position:relative;
これが役立つことを願っています。
デスクトップ サイズのブラウザー ウィンドウで chrome でページを開き、画像の 1 つを右クリックして をクリックし、(ウィンドウの右側にある) css ルールinspect element
を検索し、 を決定するルールを見つけ、サイズを変更します。ウィンドウを携帯電話のサイズに合わせて、同じことを行います。このようにして、どのルールが を決定するかがわかり、問題を解決できるようになります。z-index
z-index
z-index
私の推測では、デスクトップでうまく機能していれば、z-index とは何の関係もありません。文字通り何でもかまいません。ただし、z-index はウィンドウ サイズによって変化しないため、おそらく z-index は問題ではありません。
z-index について理解することが重要な唯一のことは、それらをグループ化できるということです。そして、不透明度が実際に z-index グループも作成していること。そのため、要素の不透明度を変更している場合、z-index が変更され、一部の要素のレンダリング順序が異なる場合があります。
そうは言っても、css の一部の値を変更するパディングまたはメディア クエリがある場合は. (レスポンシブ css) 次に、ウィンドウ サイズが小さい場合、パディングや不透明度、さらには Z-index を変更する css クエリが存在する可能性があります。しかし、誰があなたの問題を知っていますか。