html - 用背景颜色替换导航栏

Question

我正在使用 twitter bootstrap 开发响应式网站....
当我缩小浏览器窗口时，导航栏会折叠....
但是在折叠的导航栏中我需要显示背景色....
但它显示背景图像。如何将其替换为 background-color: #14486b;
我不确定这个背景图像是从哪里出现的

<div class="nav-collapse in collapse" style="height: auto;">
            <ul class="nav">
              <li class="active"><a href="/docs/examples/product.html">Product</a></li>
              <li><a href="/docs/examples/solution.html">Solutions</a></li>
              <li><a href="/docs/examples/service.html">Services</a></li>
              <li class="iphonePartnerLink"><a href="/docs/examples/partner.html">Partners</a></li>
              <li class="iphoneContactLink"><a href="/docs/examples/contact.html">Contact</a></li>
            </ul>

            <ul class="nav" id="navSecond">
              <li class=""><a href="/docs/examples/partners.html">Partners</a></li>
              <li><a href="/docs/examples/contact.html">Contact</a></li>
            </ul>
            <form class="navbar-form pull-right">
              <input class="span2" type="text" placeholder="Email">
              <input class="span2" type="password" placeholder="Password">
              <button type="submit" class="btn">Sign in</button>
            </form>
          </div>

Answer 1

尝试分析图像的来源。这样做的好工具是 Firefox 的 Firebug https://addons.mozilla.org/de/firefox/addon/firebug/或者Chrome的开发工具(在Chrome中按F12打开)。在这两种工具中，您都可以检查 DOM 树的单个组件并查看所有附加的 CSS 样式(及其源代码)。

如果原因是背景图像，您可以通过以下方式覆盖样式:

#idOfComponent {
    background-image:none
}