html - この div 要素が z-index と幅の設定を無視するのはなぜですか?

Question

HTML+CSS を使用して単純なインライン情報ポップアップを生成しようとしましたが、意図したとおりに動作させることができませんでした。特に、ポップアップ div コンテナーは、max-widthとz-index の設定を無視します。

誰かが私を啓発してもらえますか？私は何が欠けていますか？よろしくお願いします！

score 2 · Accepted Answer

z-index を機能させるには、位置を絶対/相対/固定に設定する必要がありますhttp://jsfiddle.net/NMh8j/12/

score 1 · Accepted Answer

に変更.faq>.bodyするposition:fixedと、240px の幅が観察されtop : 12px、下にある ? の上にポップアップが移動します。その後、ドロップするleft-20pxだけでなく、それ自体を中央に配置できます。

score 1 · Accepted Answer

位置が指定されていませ.headん。CSS を次のように変更します。

.faq:hover>.head { 
   position: relative;
   border-color:#cccccc; 
   border-bottom-color:#ff0000; 
   z-index:100;
}

z-indexpositionプロパティを修正する必要があります ( fixed, absolute, relative.. ではなく static、デフォルト値です)

3 に答える 3