Javascript 引导工具提示并选择下拉列表重叠问题

我正在使用带有“选择”下拉列表的标签上有工具提示的布局

若我们打开下拉列表，然后将鼠标悬停在工具提示的标签上，则两个重叠。 我已经尝试给工具提示提供最大z索引，但它不起作用

原因似乎是刀尖具有绝对位置，可能是选择下拉列表“位置固定”

检查使其保持打开状态

$（函数（）{
$（'[data toggle=“tooltip”]'）。工具提示({
容器：“主体”
});
});
。工具提示{
z指数：2147483647！重要；
}

带有工具提示的标签
1.
2.
3.
如果将鼠标悬停在工具提示上，则可以隐藏select元素

这是一种解决方法，但如果工具提示包含“选择”选项，则可以使用此选项

$( "label" ).hover(
  function() {
    $( "select" ).hide();
  }, function() {
    $( "select" ).show();
  }
);

正如我在评论中所说，我认为你不能改变这种行为，因为它是由浏览器处理的。一种方法是将焦点从选择悬停中移除，并使下拉菜单消失：


$（函数（）{
$（'[data toggle=“tooltip”]'）。工具提示({
容器：“主体”
}).hover（函数（）{
$（'select'）.blur（）；
})
});
。工具提示{
z指数：2147483647！重要；
}

带有工具提示的标签
1.
2.
3.
您只能使用CSS来完成：

[data-toggle=tooltip]:hover ~ select:focus{
  display:none;
}


$（函数（）{
$（'[data toggle=“tooltip”]'）。工具提示({
容器：“主体”
});
});
。工具提示{
z指数：2147483647！重要；
}
[数据切换=“工具提示”]：悬停~选择：焦点{
显示：无；
}

带有工具提示的标签
1.
2.
3.
当我打开下拉菜单并将鼠标悬停在工具提示上时，什么都不会发生。@Eugene Sunic哪个浏览器？我已经用现代谷歌浏览器、Mozilla Firefox和Edge浏览器检查过了。我认为这是设计上的，浏览器处理了select元素，并且很可能使它成为我用Opera和Chrome检查过的所有内容的顶部。当鼠标悬停在打开的选择框下时，它不会发生任何变化tooltip@Temani如果是的，我也这么想，我们是否有可能克服这个问题？我想知道如何使用显示属性来消除焦点。但它的工作和CSS只。已接受：）它隐藏整个select@eirenaios是 啊我不是在描述中说过吗<代码>这是一个解决方法，但如果工具提示包含“选择”选项，则可以使用该选项
哦，好的，我错过了