Question

在我的website我有蓝色导航菜单栏。如您所见，菜单中的所选页面具有不同的背景img（menu-back-selected.png）。我的问题是我希望菜单中所选链接的背景img（menu-back-selected.png）高度与整个菜单栏（menu-back.png）相同。我希望你能找到我想要的东西:)谢谢答案

CSS file

Answer 1

您可以在下面添加#selected {：

padding-top: 5px;
padding-bottom: 7px;

希望这有帮助!!!

Answer 2

将此添加到您的css #selected。

填充：5px 0;

Answer 3

一种选择是提供selected height:100%和display:inline-block，并提供main-menu padding:0

结果将是

#selected {
    height: 100%;
    display: inline-block;
    width: 100px;
    background-image: url('../images/menu-back-selected.png');
    font-weight: bold;
    color: white;
}
#main-menu {
   text-align:center;
   padding:0;
}

无论main-menu的高度如何，此解决方案都可以正常运行，而不是像其他可能因浏览器而异的其他硬编码

导航菜单中所选锚点链接的背景高度

3 个答案: