滑门CSS菜单问题......

Question

所以我正在尝试做一个滑门CSS菜单 - 基本上是一个图像，你可以在它悬停或活动时移动背景位置。

但是，通常当我使用以下方式移动到下一个链接时

#xmenu li.ypart {width:80px; height:35px;}
#xmenu li.ypart a {background-position:-33px 0px; }

从最后一个链接到我指定的任何宽度。请参阅下图中的MAP图标？我正在尝试链接它，以便链接不会从SEND FEEDBACK链接一直到地图按钮。我只想把链接变成那个方块。

所有想法？

Answer 1

如果我理解正确，您应该将链接（<a>元素）设置为块元素，并为其指定特定的宽度和高度（可能是相对/绝对定位，具体取决于布局的设置方式） 。这样，链接的命中区域将被限制在那些维度。

标记的内容如下：

...
<a href="/map">Map</a>
...

CSS的类似内容：

#xmenu li.ypart a { display: block; width: 40px; height: 35px; }