2017-02-21 140 views
0

我現在擁有的一切: https://gyazo.com/835ffc8fae025111c56694091ca9984cHTML CSS - 透明度

我希望它看起來像這樣:

https://gyazo.com/b874e8ce47c91f4103fbfaa54e49a20c

我如何可以刪除此透明度:/?我嘗試添加的z-index買它不工作,我認爲它就像這個div下的其他網站元素

$('.hover-collapse').on('click', function(){ 
 
      console.log($('.hover-collapse').children(1).css('display', 'block')); 
 
     });
.hover-collapse{ 
 
      position: relative } 
 
      .block-collapse { 
 
      box-shadow: 0px 7px 35px -7px black 
 
      position: absolute 
 
      display: none 
 
      background-color: rgb(239, 236, 255) 
 
      width: 500px 
 
      height: 100px } 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
<div class="collapse navbar-collapse" id="myNavbar"> 
 
     <ul class="nav navbar-nav"> 
 
      <li class="active"><a href="#">Strona Główna</a></li> 
 
      <li class="hover-collapse"> 
 
    
 
       <a href="#">Szkoła</a> 
 
    
 
       <div class="block-collapse"> 
 
        <ul> 
 
         <li>menu1</li> 
 
         <li>menu2</li> 
 
         <li>menu3</li> 
 
         <li>menu4</li> 
 
         <li>menu5</li> 
 
        </ul> 
 
       </div> 
 
    
 
      </li> 
 
      <li><a href="#">Rodzice</a></li> 
 
      <li><a href="#">Uczniowie</a></li> 
 
     </ul> 
 
     <ul class="nav navbar-nav navbar-right"> 
 
      <li><a href="/logowanie/"><span class="glyphicon glyphicon-log-in"></span> Zaloguj się</a></li> 
 
     </ul> 
 
    </div>

+2

我不認爲你的問題很清楚。什麼「透明度?」你試圖完成什麼效果? –

+0

對不起,我想刪除這個透明度「效果」。我想要像Div一樣在Div上完全白色https://gyazo.com/b874e8ce47c91f4103fbfaa54e49a20c –

+0

你必須在下拉菜單中應用比「透明度」更高的z-index;我們無法在您的片段中看到樣式..因此很難在此處幫助..並且還要確保下拉菜單沒有設置不透明度 –

回答

1

打算從類.news-container { 風格background-color: rgba(0, 56, 176, 0.1);刪除解決您的問題

+1

我已經添加了z-index:-1,它的確定:D非常感謝:) –