在元素附近激活悬停的方法

Question

我在页面上有一堆元素，当盘旋时显示菜单。因为悬停需要在元素上，并且如果你在边界处它是非常棘手的激活它我想知道当鼠标接近元素时是否有一种方法来激活悬停菜单，让我们说以容忍率来自任何边界（N，S，E，W）的10个像素。

在页面上跟踪鼠标实际上不是一个选项，客户端需要进行太多处理，并且页面已经加载了大量的javascript代码。

Answer 1

我认为使用div / span元素包装菜单项内容，然后将悬停样式应用于最佳效果。然后正如Sime所说，增加菜单项的填充。

例如，html将是：

<ul class="menu">
   <li><span>content here</span></li>
</ul>

然后CSS会是这样的：

li {
     padding:10px;
}

li:hover span {
      /* Hover style of menu item here */
}