悬停列表项目空间（宽度和高度）而不是文本空间

Question

我希望将每个矩形中的空格悬停在更改背景颜色和颜色的位置，但是当您将文本悬停在其他列中时，我不想更改它。这有意义吗？ 示例：悬停文本时，将鼠标悬停在“关于”而不是“主页”或“联系人”。

我真的不知道如何解释这个，所以如果你请检查这个fiddle你会看到我的问题。

Answer 1

对于现代浏览器，请使用：

#bighome,#bigabout,#bigcontact {
  pointer-events: none;
}

或者最兼容的方法是将#bigxxxx跨度放在a-element之外。所以

<li id="contactlink"><a href="#">Contact</a><span id="bigcontact">contact</span></li>

（您必须指定跨度的字体颜色）