問題タブ [z-index]

私はCSS/XHTMLテーブルベースのカレンダーのプロトタイプを作成しています。これは、SimpleUpdatesコンテンツ管理システム用にPHPで最終的に生成されます。絶対位置を使用して、セルに収まる以上のイベントがある1日のすべてのイベントを表示するポップアップを作成する際に問題が発生しました。問題はここで見ることができます：

http://sutest.bravehost.com/

ご覧のとおり、IE7とIE6の両方で、複数日のイベントと日付の下にポップアップが表示されます。ポップアップにz-indexを配置すると、Firefoxの問題が修正されました。あらゆる種類のz-index値をポップアップに配置し、ポップアップと関連要素の表示プロパティを変更したり、その他のさまざまなアプローチを試したりしましたが、成功しませんでした。

HTMLは次のとおりです。

これは、ハードコードされたポップアップを含むテーブルのセルです。最初のリストには、通常の表示可能なイベントが含まれています。2番目のdivを含むdivがポップアップです。複数日にわたるイベントで表示されるはずです。

私はリストアイテムを使用して、複数日のイベントを「偽造」しています。この日のliは、IE6および7のポップアップ上にレンダリングされるように見えるバーのセクションになるようにスタイル設定されています。

ポップアップに関連するCSS：

そして、数日間のイベントへ：

私はGoogleを繰り返し検索し、他のQ＆Aサイトを試すことで、この問題を解決しようとしました。

どんな助けでも大歓迎です！

したがって、ページを提供する2つのサーバーがあります。IIS6 を搭載した Windows Server 2003 で ColdFusion を実行しています。サイトを作成し、2 つのサーバー間でファイルを同期しました。私のサイトの右側には、検索用のポップアップ div があります。IE6 の Server1 では、この div は完全に機能し、サーバー 2 では途切れます。同期ソフトウェアを使用しているため、2 つのサーバーに異なるファイルを配置することはできません。

どんな助けでも大歓迎です。ありがとう

透明なテキスト画像を含むdivをドキュメントの最高のz-indexとして設定するために、10,000という数字を選択し、問題を解決しました。

以前は3番で推測していましたが、効果はありませんでした。

それで、他のすべての要素のz-indexよりも高いz-indexを理解するためのより科学的な方法はありますか？

Firebugでこのメトリックを探してみましたが、見つかりませんでした。

http://ec4u.dev.creative-ctrl.com/product/wallys-natural-100-beeswax-ear-candles-12pk

チェックしてください。

私の人生のためにレンダリングする.menu ulを取得できません!!

奇妙なことに、ie6、ie8、safari、および ff ではレンダリングされますが、ie7 ではレンダリングされません! 私はすべてを試しました。何か案は？

（私はxhtmlの厳密な検証にもかなり近いです）。

私には2つの要素があります。1 つは、相対的に配置する必要がある検索ボックスです。もう1つは、検索ボックスの一部を重ねたい画像で、相対的に配置する必要があります。z-index を何に設定しても、IE7 は画像をオーバーラップしません。検索ボックスの下に表示されます。ただし、Firefoxでは重複して機能します。ヘルプ？ありがとう

Internet Explorer で相対的に配置されている別の要素の上に要素を重ねるにはどうすればよいですか? Z-index は機能しません。相対的に配置された要素の背後に常に表示されます。

これは、ここでの私の質問のフォローアップです。InkPresenterはユーザーに最も近いものですが、//MouseDownイベントは要素によって受信されているようです。誰かがそれがなぜであるか知っていますか？MouseMoveMouseUpImage

編集：質問を明確にしなかった場合は申し訳ありません：

InkPresenterの兄弟である、にイベントハンドラーをアタッチしましたImage。ZIndexのを2に設定しましたInkPresenter（他の要素には0がありますZIndex）。イベントハンドラーが画像によって受信される理由がわかりません。ZIndex最も高い要素がユーザーに最も近いと仮定しました。したがって、ユーザーによって生成された//イベントを最初に受信しMouseDownますMouseMoveがMouseUp、この場合Imageはそれらを受信します。

私のコードは次のとおりです。

CustomImage.cs

Generic.xaml

ページにいくつかの script.aculo.us Ajax.Autocomplete コントロールがあり、ドロップダウン div がレンダリングされると、zIndex と配置に関係なく、ページ上の他のテキスト ボックスの背後に常にスタックします。問題は IE と FF で発生します。他の誰かがこれに遭遇しますか？私は何かを見逃していますか、それともこれはこのコントロールでの生活ですか?

select要素のクリックで1つのdivを呼び出そうとしています。各行に2つずつ、4つの選択要素があります。その div が呼び出されると、連続する select 要素の後ろに移動します。この問題は IE7 に固有のものです。IE8 と firefox3 で問題なく動作します。誰か助けてください...ありがとう、

IE7 のz-indexバグの小さなテスト ケースを分離しましたが、修正方法がわかりません。私は一日中遊んでいz-indexます。

z-indexIE7 の何が問題になっていますか?

CSS のテスト:

HTML のテスト: