javascript - HTML CSS - 透明度

Question

我现在拥有的:

我希望它看起来像这样:

我怎样才能去除这种透明度:/？我试图添加 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>

Answer 1

从 .news-container 类中删除 { style background-color: rgba(0, 56, 176, 0.1); 来解决你的问题