我正在使用基于引導(dǎo)程序的 Creative Tim 材料儀表板。演示頁(yè)面顯示了一組通知和用戶下拉菜單項(xiàng)。我正在嘗試為通知?jiǎng)?chuàng)建第一組。這是源代碼，然后我會(huì)進(jìn)一步解釋。<nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top">    <div class="container-fluid">        <div class="navbar-wrapper">            <a class="navbar-brand" href="javascript:;">Your Monthly Reports</a>        </div>        <button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">            <span class="sr-only">Toggle Navigation</span>            <span class="navbar-toggler-icon icon-bar"></span>            <span class="navbar-toggler-icon icon-bar"></span>            <span class="navbar-toggler-icon icon-bar"></span>        </button>        <div class="collapse navbar-collapse justify-content-end">            <ul class="navbar-nav">                <li class="nav-item dropdown">                    <a href="javascript:;" class="nav-link" id="navbarDropdownNotifications" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">                        <i class='material-icons'>notifications</i>                        <span class='notification'>1</span>                        <p class='d-lg-none d-md-block'>Notifications</p>                    </a>                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownNotifications">                        <a href="javascript:;" class="dropdown-item">Some Action</a>                    </div>                </li>            </ul>        </div>    </div></nav>我似乎無(wú)法實(shí)際顯示下拉菜單。哦，元素更改類并在適當(dāng)?shù)臅r(shí)候獲取顯示、顯示、隱藏和隱藏元素，并且在檢查元素并關(guān)注它時(shí)，它表明該元素將自身“定位”在正確的位置，但您只是看不到它。我什至嘗試過(guò)更改 z-index 以及div.dropdown-menu使用元素檢查器的其他樣式，但它似乎不想展示它的面孔。我什至查看了 3D 視圖，看看前面是否有東西，但沒(méi)有。該元素的顯示并非沒(méi)有，而是包含您希望看到的所有元素。但問(wèn)題是當(dāng)你點(diǎn)擊通知圖標(biāo)時(shí)你看不到它。它改變了 DOM 代碼，但視覺(jué)上沒(méi)有任何改變。