在下拉菜单中更改背景颜色 - 移动

  • Z时代
  • 2024-01-10
  • 分类：问答

对于此URL：https://www.losangelesinjurycenter.net/，我有最奇怪的问题。移动设备上的下拉菜单的背景颜色应该是深蓝色的（如顶部标题区域）。但由于某种未知的原因，现在它变成了白色（带有白色字体）。在下拉菜单中更改背景颜色 - 移动

它应该从这个ID采取颜色（＃00203e）：＃full-width-header。但由于某种原因，事实并非如此。

CSS

#full-width-header { 
    background: #00203e none repeat scroll 0 0; 
    border-bottom: 0px solid #c0c0c0; 
    padding: 15px 0; 
    position: fixed; 
    width: 100%; 
    z-index: 9999; 
}

它曾经是这样的移动下拉 - https://www.losangeleslegalcenter.net/。

CSS：

@media (max-width: 1100px) 
.menu { 
width: 100%; 
border-width: 1px 0 0 0; 
lear: both; 
}

HTML：

<ul id="menu-main-menu" class="menu show_menu"><li id="menu-item-15631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15631"><a href="https://www.losangelesinjurycenter.net/about/">About</a></li> 
<li id="menu-item-15628" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-15628"><a href="#">Categories</a> 
<ul class="sub-menu"> 
    <li id="menu-item-15691" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15691"><a href="https://www.losangelesinjurycenter.net/category/personal-injury/">Personal Injury</a></li> 
</ul> 
</li> 
<li id="menu-item-15633" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15633"><a href="https://www.losangelesinjurycenter.net/contact-us/">Contact Us</a></li> 
</ul>

回答：

现在您的下拉没有它自己的元素，它实际上是body的一部分（在这里我加红background-color到body元素示范）：

有2种方式：

  1. 使用body元素的变化background-color（但会影响到其他的风格，你可以看到，该文章是红过了，它似乎并不像一个好办法）。

  2. 重新创建您的下拉菜单，将其包装在HTML元素中，您可以在不影响文章和其他元素的情况下进行样式设置。

以上是 在下拉菜单中更改背景颜色 - 移动 的全部内容， 来源链接： utcz.com/qa/259357.html

回到顶部