問題タブ [z-index]

リンクテキスト

上記リンクはテストサイトです。上部のナビゲーション バーにある「サービス」というタイトルのボタンは、Firefox ではなく IE で非表示になっているようです。写真の後ろに隠れているのを見た人はいますか？

ありがとう！

私はマップを使用してアプリケーションに取り組んでおり、隅に div があり、その中にいくつかのものがあります。この地図をクリックすると、小さなウィンドウにいくつかの情報が表示されます。ウィンドウは、場合によっては、コーナーの div によって覆われています。

逆の効果が必要です（ウィンドウがdivをカバーしています）。これは単に z-index の問題であると考えましたが、機能させることができません。これは IE7 の場合であり、少し調べてみると、配置されている要素内にない限り z-index は機能しないようです。

z-index が正しく機能するように要素が適切に配置されているように見えますが、うまくいきません。Firebug を介してスタイリングを追加してみましたが、何も変更することができませんでした。ウィンドウは実際には 2 つの div で構成されています。1 つは絶対配置されたもので、もう 1 つはその中の相対配置です。

ここで問題になる可能性があるのはz-indexだけですか、それとも私が知らない何かがありますか?

私が望む効果を達成するための他の方法はありますか？jquery などで div を単純に非表示にすることはできません。その一部は、マップ上で開くウィンドウの後ろから見えるはずだからです。

カスタム UserControl で zIndexing を動作させようとしていますが、次のように TabControl 内にポップアップすると、コントロールの下部がクリップされます。

これは私の XAML です

そこで、WPF で独自のカルーセル コントロールを作成しました。私はバグに出くわし、メソッド呼び出し、一連のメソッド呼び出し、またはいくつかの回避策のように、これを修正する方法を誰かが知っているかどうか疑問に思っていました. これが私のカルーセルの印刷画面です。

カルーセル画像 http://img4.imageshack.us/img4/9599/carousele.jpg

この画像ではっきりとわかるように、私のマウス ポインターは 16 と書かれたボタンの上にあります。しかし、18 と書かれたボタンは、マウスがそのボタンの上にあるかのように青いボタンです。また、ツールチップをコンテンツにバインドするように設定すると、ツールチップには、マウスが 18 個のボタンの上にあることが示されます。18 はボタンの z-index 値であるため、これは正しい動作です。したがって、18 のボタンは 16 のボタンの上にある必要があります。しかし、WPF はそのような方法でキャンバスをレンダリングしませんでした。これを克服する方法を考えていました。canvas.InvalidateArranage()、canvas.invalidateVisual()、canvas.UpdateLayout() を試しましたが、うまくいきませんでした。キャンバスの左側には本来あるべき姿が示されていますが、右側では z-index 値が正しいにもかかわらず、同じ結果が得られません。

ボックス内に短い紹介テキストがあります。ユーザーがさらに読みたい場合は、残りのコンテンツを表示する非表示の div 要素を切り替えることができます。このイントロ ボックスの下には、常にその位置にとどまりたいと思う他の要素があります。トグルされたテキストを固定コンテンツの「上に表示」したいのですが、トグルされた div を開いたときに下に押したくないのです。さまざまな z-index 値、絶対位置と相対位置を試してみましたが、役に立ちませんでした。これに対するクリーンな CSS ベースのソリューションはありますか? 助けてください！これが私がやろうとしていることのデモです:

私は2つの絶対に配置されたdivがあるサイトで作業しています...ロゴとメニュー（ナビゲーションバー）

IEは、z-index操作を複数回試行した後でも、両方を埋めています。神のために、IEがFirefoxやOperaと同じように機能しないのはなぜですか？

アップデート.......

これらのdivがフラッシュムービーの上に配置されていることを忘れました。どうしてそれを省くことができたのでしょうか？！

これが私のコードです：

私のページにフラッシュ スライドショーがあります。ログインにシックボックスを使用しましたが、誰かがログインをクリックすると、フラッシュがシックボックスをオーバーレイします。

Firefox では問題を解決できましたが、Internet Explorer では何も動作しないようです。

ホバー時にスピーチボックスを表示する必要があるdivボックスがいくつかあります。jQuery と CSS を使えば、それほど難しいことではありません。

ただし、ポップアップ スピーチは IE7 の隣の div の下に表示されます — その下に表示することはできません (ショットを参照)。

さまざまな場所で z-index を試してみましたが、成功しませんでした。

FF 代替テキスト http://img134.imageshack.us/img134/5314/63386894.png IE7 代替テキスト http://img396.imageshack.us/img396/9329/95483890.png

HTML

CSS

JS

さて、コンテナにラップされた div がいくつかあります。2 つの内部 div は、それぞれ 15 ピクセルずつ重なっています。問題は、思い通りに重ねることができないことです。

そしてCSSはそのように見えます、

問題は、WorkTableButtonActive クラスが適用されているにもかかわらず、#WorkTableButton div が #additionalCostsButton の背後にまだ表示されていることです。その div は他のレイヤーの上にあります... よね？

私は何を間違っていますか？