Html 鼠标悬停在父span上时显示span元素

当我将鼠标悬停在

span.label

元素上时，我想显示一个children

span.dM

元素。这在下面的小提琴中完美地发生了

这是你的电话号码

我试图实现的是，当我将鼠标悬停在出现

span.dM

的位置时，我应该会得到

span.label

的灰色背景。目前，我必须将鼠标悬停在文本“some text”上才能看到

span.dM

元素

---

我想在不使用任何宽度的情况下修复此问题。有什么建议吗？提前感谢。

我已经将您的JSFIDLE分叉，使用jquery实现您想要的效果

---

您不能将鼠标悬停在

显示器上：无

。 如果可能，使用

可见性：hidden

隐藏跨度。 这样，该元素就不会从文档流中删除，您可以将鼠标悬停在该元素上

---

像这样不完全一样，我不想拉伸

span.label

元素。它应该在

span.dM

完成的地方完成。效果和我的一样。您正在使用jquery实现与我相同的效果。但我想将鼠标移到span.dM的位置以显示它。