Jquery ：将鼠标悬停在“跨距输入”按钮上，在IE中不工作

CSS不适用于span tag hover，它位于Internet Explorer中的按钮标记内，我有一个按钮，如果你将鼠标悬停在上面，它将显示工具提示，我希望如果你将工具提示悬停在上面，它将消失，它在FF和chrome中工作，但不是IE，我知道我应该使用它

.tooltip:悬停.tooltiptext

而不是

.tooltiptext:悬停

。工具提示{
位置：相对位置；
显示：内联块；
边框底部：1px点黑色；
}
.tooltip.tooltiptext{
可见性：隐藏；
宽度：120px；
背景色：黑色；
颜色：#fff；
文本对齐：居中；
边界半径：6px；
填充：5px0；
/*定位工具提示*/
位置：绝对位置；
z指数：1；
}
.tooltip:悬停.tooltiptext{
能见度：可见；
}
.tooltiptext:悬停{
显示：无；
}

盘旋我
提示文本

好吧，我花了一点时间才习惯jQuery在JSFIDLE中的工作方式，但是如果您愿意使用jQuery，那么这应该可以

$（'.tooltip'）.mouseover（函数（）{
$（'.tooltiptext'）.css（'visibility'，'visible'）；
});
$（'.tooltip'）.mouseout（函数（）{
$（'.tooltiptext'）.css（'可见性'，'隐藏'）；
});
。工具提示{
位置：相对位置；
显示：内联块；
边框底部：1px点黑色；
}
.tooltip.tooltiptext{
可见性：隐藏；
宽度：120px；
背景色：黑色；
颜色：#fff；
文本对齐：居中；
边界半径：6px；
填充：5px0；
/*定位工具提示*/
位置：绝对位置；
z指数：1；
}
/*.tooltip:悬停.tooltiptext{
能见度：可见；
} */
/*.tooltiptext:悬停{
显示：无；
}*/

盘旋我
提示文本
据我所知，您所做的是错误的：

“tooltiptext”是“tooltip”的子元素

…因此，当您悬停“tooltiptext”时，您也在悬停“tooltip”。
事实上，它在Chrome上也不起作用。它只是闪烁

当您将“工具提示”悬停在“工具提示”上时，应该只显示“工具提示”，而当您离开它时，应该隐藏它

通过删除此项：

/*
.tooltiptext:hover {
    display: none;
}
*/

或者更方便地使用title属性：

<button type="button" title="Tooltip text">Hover me</button>

将鼠标悬停在我身上
哪个版本的IE导致了问题？我正在用IE 11进行测试。我想你不明白我的问题，你的代码不工作，我需要的是如果你悬停工具提示（我的意思是“tooltiptext”类，然后让它消失）而不是按钮，$（'.tooltip'）。鼠标移出操作在按钮上。否则我的代码以前工作过，将按钮悬停，然后将工具提示悬停，它应该被隐藏，在IE中，它不工作。出于某种原因，我不想使用标题，如果有多个按钮相邻，则如果悬停，则工具提示将显示在其他按钮的顶部，然后用户必须移动到远离按钮的位置，希望你明白我需要做什么。但你对chrome和FF的看法是对的，它只是闪烁，但它满足了我的需要。