z-index

0熱

2答えて

まず、私はthis responsive templateをウェブサイトの作成に使用しています。フッターまでスクロールすると、上部のナビゲーションバーがコンテンツの上に表示されるため、常にナビゲーションバーが表示されます。しかし、フッターに達すると、フッターはナビゲーションバーに重なるだけです。 z-index属性は有効ではないようです。このバグはSafariでのみ発生します。解像度がモバイル解

0熱

1答えて

ヒーローとのZ-インデックス問題の問題？たぶん、オーバーフローに関連する？

スタックオーバーフローでSCSSがまだ許可されていないので、コードのコードを以下に示します。https://codepen.io/thedonquixotic/pen/dWXOby ヒーローイメージとh1を含むセクションを作成しようとしています。包含セクションに背景勾配があります。 z-indexは1に設定されています。包含セクションにはimgとh1が含まれています。 img z-indexは

0熱

1答えて

フレックスボックスホバー中にテキストの背景に文字が表示されない

フレックスボックスにコードを設定すると（画像1）、フレキシブルにコードが表示され、色付きのオーバーレイとテキストが表示されます。問題は、テキストが色付きオーバーレイの下に表示されていて、上に表示されることです（画像2）。私はZ-インデックスを変更しようとしましたが、それは何らかの理由でオーバーレイを隠すだけです。私のコードは以下の通りです。 * { box-sizing: borde

0熱

1答えて

React Native：別のコンポーネントの上にあるコンポーネント

react-native-mapsとreact-native-google-places-autocompleteを使用して、ロケーションベースのiOSアプリケーションを構築しています。私のコードでは、最初に検索バーコードがあり、マップコードが2番目にあります。これは、検索バーが地図の上にレンダリングされるためです。問題は、検索バーのコンポーネントが画面全体を占める透明な要素を持つように見えるた

2熱

2答えて

親に対して透明であるが、別の要素に向かって透明でない

より高いz-インデックスのみが表示されるように、半透明の重複要素を作成する方法はありますか？画像を背景に透明にしたいが、他の画像には透明ではない。 Hereはフィドルです。 body { background: white; } section { height: 400px; position: relative; per

1熱

2答えて

メインメニューのドロップダウンが閉じられてもサブメニューリンクがクリック可能になる

ナビゲーションバー、ナビゲーションバー内の折りたたみ可能なメニュー、およびウェブサイトのコンテンツを持つ設定を作成しようとしています。悪い例えば申し訳ありませんが、種類のこのような：あなたがドロップダウンが展開されていないときは、サブメニューのリンクの上にマウスを置くならば、あなたはまだそれらをクリックすることができます見ることができるようにhttps://jsfiddle.net/2nqchL

0熱

1答えて

角度 - 素材2 mdボタンと日付ピッカーZ-インデックス値

私はこれを試していますAngular-material2-datepicker。 z-indexが正しく動作していないようです。ソースコードでは、z-indexが10000に設定されているのがわかりますが、z-indexの値がわからないmdボタンの後ろになぜ表示されているのかわかりません。どのように日付選択ツールを表示できますか？ありがとうございます！

0熱

2答えて

Z-Indexがドロップダウンメニューを含むdivを作成していないオーバーラップナビゲーション

私は現在サイトを構築しており、私の "4つの場所"ドロップダウンメニューが本当に好きです。ただし、ナビゲーションメニューは重複しています。私の最初の考えはZ-indexをメインナビゲーションの上に積み重ねることでしたが、それは助けにはなりません。私に何ができる？？それを表示するには： /* Dropdown Button */ .location-dropbtn { backgroun

-3熱

3答えて

絶対配置された親を持つZ-インデックス

:before要素は親要素の下に表示する必要がありますが、機能しません。以下は私のCSSです。実際の例はhereです。 .element { position: absolute; z-index: 10; } .element:before { content:""; position: absolute; z-index: -1; }

0熱

2答えて

テキストを前面に持ってきて、イメージをバックグラウンドに残すにはどうすればいいですか？

これは私の最初の質問を読んで、stackoverflowのコミュニティで私の問題を解決した後です。私は自分のタイトルとサブタイトルを前面に持っていきたいです。私はz-indexで試しましたが、それでも動作しません。お手伝いありがとう。これはコードです：https://codepen.io/gabrielacaesar/pen/gWyqJb?editors=1100 .container {