2013-03-23 2 views
3

내비게이션 막대에서 검은 색 배경색을 제거하는 방법 .... 방화 광으로 댓글을 달았지만 만족스럽지 못했습니다 .... 내 코드를 제공하는 중 ... .탐색 모음에서 검은 색 배경 제거

http://jsfiddle.net/qvEnQ/1/embedded/result/

<div class="navbar navbar-inverse navbar-fixed-top" style="margin-top: 15px;"> 
     <div class="navbar-inner"> 
      <div class="container" id="expandingNavbar"> 
       <a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse" target="_self"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       </a> 
       <a class="brand" href="/" style="padding-top: 0px; margin-left: 0px;" target="_self"> 
        <img alt="change" class="defieLogo" src="/images/defie_logo_only.png"> 
       </a> 

       <div id="welcomeName">Welcome soojin!</div> 
       <div id="emailAccount">[email protected]<span style="color: #0074bd; position: relative;left: 67px;bottom: 33px;">[Log out]</span></div> 

       <div class="nav-collapse collapse" style="height: 0px;"> 
        <ul class="nav"> 
         <li style="padding-left: 107px;"> 
          <a style="font-weight: bold;" href="/product.html" <?="$strClass_1" ?="" target="_self">&gt; 
          MENU 
          </a> 
         </li> 

         <li> 
          <a style="color: #9b365a;" href="/solution.html" <?="$strClass_2" ?="" target="_self">&gt; 
           <img alt="squareList" style="margin-right: 10px;" src="http://intra.defie.co/images/cube_vendor.png">Vendors</a> 
         </li> 
         <li> 
          <a id="smallLinks" style="font-weight: bold; font-size: 12px; padding-left: 0px; padding-right: 5px;" href="/solution.html" <?="$strClass_2" ?="" target="_self">&gt;Add New Vendor</a> 
         </li> 
         <li> 
          <a id="smallLinks" style="font-weight: bold; font-size: 12px; padding-left: 0px; padding-right: 5px;" href="/solution.html" <?="$strClass_2" ?="" target="_self">&gt;Vendor List </a> 
         </li> 
         <li> 
          <a id="smallLinks" style="font-weight: bold; font-size: 12px; padding-left: 0px; padding-right: 0px;" href="/solution.html" <?="$strClass_2" ?="" target="_self">&gt;Reports</a> 
         </li> 

         <li><a style="color: #9b365a;" href="/service.html" <?="$strClass_3" ?="" target="_self">&gt; 
          <img alt="squareList" style="margin-right: 10px;" src="http://intra.defie.co/images/cube_vendor.png">Purchase Transactions</a></li> 
         <li class="iphonePartnerLink"><a style="color: #9b365a;" href="/partner.html" <?="$strClass_4" ?="" target="_self">&gt; 
          <img alt="squareList" style="margin-right: 10px;" src="http://intra.defie.co/images/cube_vendor.png">Product Life cycle</a></li> 
         <li><a style="color: #9b365a;" href="/contact.html" <?="$strClass_5" ?="" target="_self">&gt; 
          <img alt="squareList" style="margin-right: 10px;" src="http://intra.defie.co/images/cube_vendor.png">RMA Transactions</a></li> 
        </ul> 
        <a href="#myModal" role="button" data-toggle="modal" target="_self"> 
         <span style="color: black; font-weight: bold; font-size: 20px; position: relative; margin-left: 488px; ">Soojin</span> <span style="color: #0074bd;">[Log out]</span> 

        </a> 
       </div><!--/.nav-collapse --> 
      </div> 
     </div> 
    </div> 

답변

3

추가하여 배경을 제거 "배경 : 투명;" (또는 다른 색상)을 클래스 .navbar-inner에 추가합니다. 그래서 같이

jsfiddle

에서

라인 당신의 CSS의 7972을 :

.navbar-inverse .navbar-inner { 
    background: transparent; 
} 

이 도움이

희망 (배경 이미지, 배경 반복하고 필터 제거하십시오)!

0

navbar div에서 .navbar-inverse 클래스를 제거하십시오.

관련 문제