0

サードパーティのプロバイダーからイベントリストカレンダーを自分のサイトに取り込みます。単純なjavascript呼び出しを使用して取り込まれ、私のサイトのdiv内に配置されています。イベントにカーソルを合わせると、そのイベントに関する詳細情報を示すツールチップポップアップが表示されます(すべてjavascriptによって駆動されます)。CSSを使用してdivの背景として画像を配置していますが、ツールチップのポップアップがCSSソースの画像の後ろに表示されています。背景画像をプルするメインdivにz-indexを0に設定し、次にz-indexが1のjavascriptに2番目のdivをネストしようとしましたが、何も実行されません。

サードパーティのカレンダーシステムのJavaScriptを編集するためのアクセス権がないため、自分のサイトでできることは何でも修正する必要があります。残念ながら、私は自分自身をWeb開発のプロとは見なさないので、私が見つけられない非常に単純な答えがあるかもしれませんが、今は困惑しています。

助言がありますか?ありがとう!

4

2 に答える 2

1

親要素に既に z-index がある要素に z-index を設定しようとしているようです。それは可能ではありません。ツールチップ要素に別の z-index を設定する場合は、最初の div の外にある必要があります。

于 2012-06-22T16:12:41.957 に答える
1

いくつかのコードを示していただけると非常に助かります。

z-index が機能しない主な理由は、位置を設定するのを忘れた可能性があります。Z インデックスは、配置された要素 (位置: 絶対、位置: 相対、または位置: 固定) でのみ機能します。

2 番目の理由は、@kremalicious が言及したものである可能性があります。子要素により高い z-index を設定します。

于 2012-06-22T23:42:51.090 に答える