HTML CSS - 透明度

我希望它看起来像这样：

我如何可以删除此透明度：/？我尝试添加的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>

来源

2017-02-21 B. Rozycki

我不认为你的问题很清楚。什么“透明度？”你试图完成什么效果？ –

对不起，我想删除这个透明度“效果”。我想要像Div一样在Div上完全白色https://gyazo.com/b874e8ce47c91f4103fbfaa54e49a20c –

你必须在下拉菜单中应用比“透明度”更高的z-index;我们无法在您的片段中看到样式..因此很难在此处帮助..并且还要确保下拉菜单没有设置不透明度 –

打算从类.news-container { 风格background-color: rgba(0, 56, 176, 0.1);删除解决您的问题

来源

2017-02-21 13:05:52 MKAD

我已经添加了z-index：-1，它的确定：D非常感谢:) –

HTML CSS - 透明度

回答

相关问题