javascript - 親divのcss子コンテナフロントにz-indexの問題を配置しますか？

Question

誰かがhttp://goo.gl/X5Dzpを見ることができますか、divcssを含むデータのリストが表示されます。

右側には3つのアイコンがあります。最初のアイコンのホバーで、ホバーしたときに表示されるポップアップの上部の境界線を非表示にします。

誰かがホバリングしたときに、ポップdivの上部の境界線を非表示にできることだけです。https://stackoverflow.com/a/7490193/1252580を試し ましたが、うまくいきません。

ありがとう

Answer 1

既存のスタイルに次のスタイルを追加する必要があります。

/* any manually stacked elements need a 'position' with another value than 'static' */
div.row {
    position: relative;
    z-index: 1; /* greater than zero */
}

div.icon.win_pop.bubbleInfo {
    z-index: auto; /* no z-index for the icon! */
}

div.popup {
    z-index: -1; /* a negative z-index for the popup */
}

これで、アイコンと行の上にポップアップが表示されます…</ p>