0

誰かが私の問題を解決できることを願っています。デスクトップ ウィンドウで Z-index を使用すると、すべての画像またはスライダーがオーバーラップして表示されます。ブラウザーのサイズをモバイル デバイスの解像度に合わせて変更すると、Z インデックスが分割されるため、スペースのある画像が表示されます。前もって感謝します。

4

4 に答える 4

0

z-index は、次のような明示的に配置された HTML 要素でのみ機能することを思い出してください。

position:absolute;
position:fixed;
position:relative;

これが役立つことを願っています。

于 2013-05-26T22:20:27.593 に答える
0

デスクトップ サイズのブラウザー ウィンドウで chrome でページを開き、画像の 1 つを右クリックして をクリックし、(ウィンドウの右側にある) css ルールinspect elementを検索し、 を決定するルールを見つけ、サイズを変更します。ウィンドウを携帯電話のサイズに合わせて、同じことを行います。このようにして、どのルールが を決定するかがわかり、問題を解決できるようになります。z-indexz-indexz-index

于 2013-05-26T23:26:34.693 に答える
0

私の推測では、デスクトップでうまく機能していれば、z-index とは何の関係もありません。文字通り何でもかまいません。ただし、z-index はウィンドウ サイズによって変化しないため、おそらく z-index は問題ではありません。

z-index について理解することが重要な唯一のことは、それらをグループ化できるということです。そして、不透明度が実際に z-index グループも作成していること。そのため、要素の不透明度を変更している場合、z-index が変更され、一部の要素のレンダリング順序が異なる場合があります。

そうは言っても、css の一部の値を変更するパディングまたはメディア クエリがある場合は. (レスポンシブ css) 次に、ウィンドウ サイズが小さい場合、パディングや不透明度、さらには Z-index を変更する css クエリが存在する可能性があります。しかし、誰があなたの問題を知っていますか。

于 2013-05-26T22:24:02.670 に答える