0

我正在使用带有流体网格的引导程序,这会使元素重叠一点,当我将鼠标悬停在每个元素上时,它的边框会通过以下方式突出显示:

.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两个元素重叠的点上,最左边的元素似乎总是mouseoverz-index然而Firefox,这没有问题。

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

我也尝试z-index在文件中应用 via 类.css,但没有区别。

知道为什么 Chrome 不会让步吗?

4

0 回答 0