Fatal编程技术网
  • jquery/
  • Jquery鼠标悬停和重叠元素上的z索引（Chrome）

Jquery鼠标悬停和重叠元素上的z索引（Chrome）

jquery

Jquery鼠标悬停和重叠元素上的z索引（Chrome）,jquery,mouseover,Jquery,Mouseover,我使用的是带有流体网格的引导，当我将鼠标悬停在每个元素上时，元素会有一点重叠，其边框会高亮显示，方法是： .on（'mouseover'）然后应用： $(this).css({ 'border': 'black', 'border-style': 'solid', 'border-width': '3px', 'z-index': 9999}); 以及： .on（'mouseleave'）执行以下操作： $(

我使用的是带有流体网格的引导，当我将鼠标悬停在每个元素上时，元素会有一点重叠，其边框会高亮显示，方法是：

.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
中，在两个元素重叠的地方，最左边的元素似乎总是对
鼠标上方的
做出反应，而且也不会出现在另一个元素的上方，因为z索引发生了变化。然而，在Firefox中，这并没有问题

我在
bootstrap.css
文件中找不到关于
z-index
的任何信息。但再说一遍，
Firefox
并不介意

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


你知道为什么Chrome不会让步吗？
我们需要更多的代码，关于生成的HTML及其CSS样式。小提琴会很棒的。现在我只能猜测它可能与
position
属性有关，它是绝对的吗？固定？尝试使用相对、绝对和固定。不会改变，也会弄乱我的代码。也许我有时间的时候会摆弄它。