0

在我的网站上，我有蓝色导航菜单栏。如您所见，菜单中的选定页面具有不同的背景img（menu-back-selected.png）。我的问题是我希望菜单中所选链接的背景img（menu-back-selected.png）高度与整个菜单栏（menu-back.png）的大小相同。我希望你不明白我想要什么:) 谢谢你的回答

CSS 文件

4

3 回答 3

1

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

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

希望这可以帮助！！！

于 2013-10-01T16:10:18.237 回答
0

将此添加到您的 CSS #selected。

填充：5px 0；

于 2013-10-01T16:08:21.333 回答
0

一种选择是给予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，而不是像其他可能因浏览器而异的硬编码

于 2013-10-01T16:15:34.423 回答