因此,我尝试做一个滑动门CSS菜单-基本上是一张图像,当它悬停或处于活动状态时,您可以在该位置上移动背景位置。

但是,通常当我使用以下内容转到下一个链接时:

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


它从最后一个链接到我指定的任何宽度。看到下图的MAP图标吗?我正在尝试链接它,以使链接不会从SEND FEEDBACK链接一直指向地图按钮。我只希望链接是那个正方形。



有什么想法吗?

最佳答案

如果我理解正确,则应将链接(<a>元素)设置为块元素,并为其指定特定的宽度和高度(以及可能的相对/绝对位置,具体取决于布局的设置方式)。这样,链接的命中区域将限于这些尺寸。

这样的标记:

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


对于CSS,如下所示:

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

07-26 09:42