Question

请参阅此网站http://www.lovinmybags.co/ 主菜单具有此代码的全宽背景

#PrimaryMenu > ul > li.ActivePage > a {
    color: #ffffff;
    font: normal 0.80em Verdana, Verdana, Geneva, sans-serif;
    background-color: #222222;
    font-weight: bold;
}

但是当我为#FooterMenu使用相同的代码时，bacground相当小。产品页面的背景不活跃。可能有人帮我吗？

Answer 1

添加到a #FooterMenu元素中的以下CSS规则：

#FooterMenu > ul > li.ActivePage > a { 
   padding: 13px;
   margin: 0;
}

padding-top值也可能是14px。你选择。

如果您想在访问“产品”页面时看到“产品”项处于活动状态，则只需将.ActivePage添加到li元素即可。请参阅以下代码：

<!-- The rest of your content -->
    <li class="HasSubMenu ActivePage">
     <a href="/categories.php"><span>Products</span></a>
<!-- The rest of your content -->

请注意，您必须将.ActivePage课程添加到#FooterMenu元素内的li！

干杯，莱昂纳多

Answer 2

#PrimaryMenu > ul > li.ActivePage > a:hover {
color: #ffffff;
font: normal 0.80em Verdana, Verdana, Geneva, sans-serif;
background-color: #222222;
font-weight: bold;
padding-bottom: 13px; /*New*/

}

无法获得背景全宽

2 个答案: