重叠元素上的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中，在两个元素重叠的点处，最左边的元素似乎总是对mouseover做出反应，并且在视觉上不会出现在另一个元素之上它应该在哪里，因为改变了z-index。在Firefox中，这不是问题。

我在z-index文件中找不到bootstrap.css的任何内容。但同样，Firefox并不介意。

我还尝试在z-index文件中应用.css通过类，但没有区别。

知道为什么Chrome不会让步？