jquery - 重なり合う要素のJqueryマウスオーバーとz-index (Chrome)

Question

流体グリッドでブートストラップを使用しています。これにより、要素が少し重なります。各要素にカーソルを合わせると、次の方法で境界線が強調表示されます。

.on('mouseover')次に適用します。

$(this).css({ 'border': 'black', 
              'border-style': 'solid',
              'border-width': '3px',
              'z-index': 9999});

と：

.on('mouseleave')行う：

$(this).css({ 'border': 'none',
             'z-index': 111});

これは要素に適用されますが、マウスオーバーの優先度には影響しませんChrome。

で何が起こるかというとChrome、2 つの要素がオーバーラップするポイントで、一番左の要素が常に に反応するように見えmouseover、また、 が変更されたため、他の要素の上に表示されるはずですが、視覚的に表示されませんz-index。これFirefoxでも問題ありません。

ファイルz-indexには何も見つかりません。bootstrap.cssしかし、繰り返しますが、気にFirefoxしません。

また、ファイルにz-indexvia クラスを適用しようとしましたが、違いはありません。.css

Chrome が動かない理由は何ですか?