我正在使用带有流体网格的引导程序,这会使元素重叠一点,当我将鼠标悬停在每个元素上时,它的边框会通过以下方式突出显示:
.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
在文件中应用 via 类.css
,但没有区别。
知道为什么 Chrome 不会让步吗?