問題タブ [z-index]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - ページ上の要素の順序によってオーバーライドされたCSSz-index?
私は数時間、IE7の敵でCSS z-indexと戦ってきました、多分あなたは助けることができます!
私は絶対に配置されたdivを持っており、その親divの上に表示されます。これは素晴らしいことです。ただし、親の兄弟である後のdivの下に表示されます。
z-indexが各divなどのローカルスコープにのみ適用されるように、これは非常に奇妙な動作のように見えます。
ページ上の他のどの要素よりも大きいz-indexを持つように要素を設定すると、それが関係なく一番上に表示されるように設定するにはどうすればよいですか?
これが私のテストページです:
html - Internet Explorer 7 で z-Index を使用して div を配置する
私は2つの相対的に配置されたDIV AとBを持っています.aには絶対配置され、1000のzインデックスを持つA'という子要素としてDIVがあります.DIV B'はDIV Bの子要素であり、絶対的に配置されています。
Firefox はこれを期待どおりにレンダリングします: A'-B'-BA(ユーザーから最も近いものから最も遠いものへ) ただし、IE7 では次のようになります: B'-BA'-A
誰かが回避策を手伝ってくれますか? 私はすでにこの問題で何時間も無駄にしています!
前もってありがとう、ステファン
html - InternetExplorer7でのz-Indexを使用したdivの配置
<div style="position:relative;"> OUTERFOO <div style="position:absolute; z-index:1000;">FOO</div></div>
<div style="position:relative;">OUTERBAR <div style="position:absolute;">BAR</div> </div>
OUTERFOOがOUTERBARにスタックすることなく、FOOがBARにスタックするようにしたいです。
これはFirefoxで機能しますが、IE7では機能しません。誰かが回避策を投稿できますか?
よろしくお願いします、ステファン
css - 背景画像としての透明なPNG
背景画像として透明なpngを使用した要素があります。これは、写真ビットが切り取られたポラロイドのようなもので、フレームだけが表示されています。
これを背景として、透明なpng背景を持つ要素の後ろに標準画像を配置してフレーム内に収めたいと思います。
zインデックスと不透明度を設定してみましたが、不透明度の設定により、画像が明らかに透明に見えるようになりました。
何か案は?
css - Z-Index を使用したポジショニング
z-Index を使用して、ある HTML 要素を別の要素の上に配置できますか? 例:
これで 1 つが 5 を超えているはずです....
私の質問は非常に基本的なものかもしれませんが........
jquery - divの下の日時ピッカー
私の日時ピッカーが残りのdivの後ろに隠れている理由を誰かが発見するのを手伝ってくれますか?
http://www.lcslegal.co.uk/booking-form.html
次の css 行を追加して、custom.css で修正しようとしましたが、役に立ちませんでした。
wpf - リスト内にキャンバスを含むエキスパンダーのZOrder
を含むいくつかのコントロールを含むリストがありますExpander
。エキスパンダー内には別のリストがあり、外側のリストをオーバーレイしたいと思います。簡単な再現は次のとおりです。
がExpander
開かれると、内側のラベルは同じレベルのラベルと同じレベルでレンダリングされDataTemplate
、コンテンツはリストの後半のアイテムにレンダリングされます。Panel.ZIndex
変更せずにパネルまで上に 移動してみました。
次のスタイルを追加すると、次のようになります。
同じリストアイテムのアイテムを適切にオーバーレイしますが、それでも後のリストアイテムのコンテンツと混合してレンダリングします。
(これはかなり明白なレイアウトの問題だと思いますが、見つけることができませんでした。)
html - 動画が IE の「これを追加」ウィンドウに重なっている!
ADD THIS ボタン (実際には共有ボタン) といくつかのビデオを含む HTML のシンプルなページがあります。私の問題は、SHARE ボタンをクリックすると、ブラウザー画面の中央に小さなウィンドウ (div) がポップアップし、その位置が一定に保たれることです。
ウィンドウをスクロールすると、この ADD THIS ウィンドウがページ上のビデオと重なって表示されます。これは Firefox では適切に機能しますが、IE と Chrome では機能しません。
これが私のコードです:
ヘルプ/コメントをいただければ幸いです。
silverlight - プログラムで Silverlight コントロールの zindex を変更するにはどうすればよいですか?
プログラムでスタックパネルにいくつかのコントロールを追加しました。私がやりたいことは、このスタックパネルのコントロールの 1 つを別のコントロールの上に配置することです。具体的には、このスタック パネルの画像の上にボタンを配置したいと考えています。c# コードビハインドで zindex プロパティが見つかりませんでした。非常に単純な問題のように見えますが、この問題を解決する手がかりを見つけることができません。どなたかお願いします……???
css - 親要素を子の上に表示する方法
ネストされた 2 つの CSS 要素があります。親を子要素の上、つまり z 軸の上に配置する必要があります。z-index を設定するだけでは不十分です。
子に負の z-index を設定することはできません。これにより、実際のページのページ コンテナーの下に設定されます。これが唯一の方法ですか?