因此,我尝试做一个滑动门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; }