Javascript 谷歌字体图标消失的悬停效果

谷歌字体图标上的悬停效果在试图访问嵌入其中的链接时消失。我实现了一个类似的概念，但在图像和它的作品完美。我很确定我在CSS中出错了

$（'#LanguageQ'）。悬停（函数（）{
$（'.customtooltip'）.show（）；
}，函数（）{
$（'.customtooltip'）.hide（）；
});
.customtooltip{
背景色：#666666！重要；
颜色：#E7E7E7；
填充物：5px；
z指数：3；
位置：绝对位置；
左：12%；
宽度：36%；
字体大小：0.8vw；
显示：无；
光标：指针；
}
分区强制性{
显示：内联块；
宽度：44%；
利润率：0.5%；
}
.强制性{
位置：相对位置；
}
.必填项：活动：：之前{
内容：''；
}
.强制性：：之前{
内容：“*”；
颜色：红色；
位置：绝对位置；
左：2%；
z指数：5；
字体大小：15px；
最高：4%；
字号：800；
}
.输入图标{
位置：绝对位置；
最高：26%；
右：6%；
z指数：5；
字号：3ch；
颜色：#cecece；
}

找不到你的语言？请
提纲
您可以通过多种方式实现这一点，其中一种方式是：


$（'.contain'）.hover（函数（）{
$（'.customtooltip'）.show（）；
}，函数（）{
$（'.customtooltip'）.hide（）；
});
.customtooltip{
背景色：#666666！重要；
颜色：#E7E7E7；
填充物：5px；
z指数：3；
位置：绝对位置；
左：20%；
宽度：75%；
字体大小：0.8vw；
显示：无；
光标：指针；
}
分区强制性{
显示：内联块；
宽度：44%；
利润率：0.5%；
}
.强制性{
位置：相对位置；
}
.必填项：活动：：之前{
内容：''；
}
.强制性：：之前{
内容：“*”；
颜色：红色；
位置：绝对位置；
左：2%；
z指数：5；
字体大小：15px；
最高：4%；
字号：800；
}
.输入图标{
位置：绝对位置；
最高：26%；
右：6%；
z指数：5；
字号：3ch；
颜色：#cecece；
}

找不到你的语言？请
提纲

将
.customtooltip
div放在
#LanguageQ
div之后。这是css代码
#LanguageQ:hover+工作所必需的。customtooltip{display:block；}

制作
.customtooltip
类的
宽度：100%。或根据需要更改其宽度/位置

删除jQuery代码。我给你一个css唯一的解决方案

添加以下css：

#语言Q:hover+。自定义工具提示{
显示：块；
}
.自定义工具提示：悬停{
显示：块；
}


.customtooltip{
背景色：#666666！重要；
颜色：#E7E7E7；
填充物：5px；
z指数：3；
位置：绝对位置；
左：12%；
宽度：100%；
字体大小：0.8vw；
显示：无；
光标：指针；
}
分区强制性{
显示：内联块；
宽度：44%；
利润率：0.5%；
}
.强制性{
位置：相对位置；
}
.必填项：活动：：之前{
内容：''；
}
.强制性：：之前{
内容：“*”；
颜色：红色；
位置：绝对位置；
左：2%；
z指数：5；
字体大小：15px；
最高：4%；
字号：800；
}
.输入图标{
位置：绝对位置；
最高：26%；
右：6%；
z指数：5；
字号：3ch；
颜色：#cecece；
}
#语言Q:悬停+.自定义工具提示{
显示：块；
}
.自定义工具提示：悬停{
显示：块；
}

提纲
找不到你的语言？请
谢谢您回复我。我现在不在家。我会试试，然后再打给你谢谢你再打给我。我现在出去了。我一到家就会告诉你，现在一切正常。我希望早点知道堆栈溢出。谢谢你的帮助。非常感谢：）