вопрос бритвы в стиле

Question

Я пишу навигационную панель в приложении ASP.NET Core MVC.У меня есть навигация, работающая на всех страницах.Но когда я добавляю стиль, навигация больше не работает.Это навигация в бритве частичного просмотра:

    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
            <li class="nav-item active dropdown">
                <a class="nav-item--regular nav-link dropdown-toggle" data-toggle="dropdown" asp-page="/About">A Propos</a>
                <div class="dropdown-menu">
                    <a class="dropdown-item" asp-controller="Pages" asp-action="NHPB">Accueil</a>
                    <a class="dropdown-item" asp-controller="Pages" asp-action="PipeBand">A propos</a>
                    <a class="dropdown-item" asp-controller="Pages" asp-action="Instruments">Contact</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="/Members">Les membres</a>
                </div>
            </li>
    </ul>

Навигация работает, когда стиль.

И это vue:

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="row">
    <div class="col-3">
        <div class="subnav--sergent">
            @{ Html.RenderPartial("Partials/_SubNav"); }
            <div class="subnav--tri"><img class="px" src="~/images/1px.png" asp-append-version="true" /></div>
            <div class="subnav--rond">
                <button class="bouton bouton--rond" type="button">
                    @{ Html.RenderPartial("Partials/_Adress"); }
                </button>
            </div>
        </div>
    </div>
    <div class="col-6">
        <div class="section">
            <h2>Titre</h2>

            <p>Lorem, Bla, bla, bla.
            </p>
            <p>@DateTime.Now</p>
                        
        </div>
    </div>
    <div class="col-3">
        <div class="aside">
            <h1>Coucou</h1>
            <p>Je suis l'Aside !</p>
        </div>
    </div>
</div>

Я действительно не знаю почему?Это работало нормально, когда частичное представление было стилем.Просто когда я добавляю стиль **** в файл представления, он больше не работает ** ???

Спасибо за вашу помощь ...

Answer 1

Алло,

Я узнал, что случилось. Некоторые ссылки идут на мои ссылки ... Я должен выяснить, какой элемент (ы) попал на них и исправить это с помощью -Z-index ...

И это прекрасно работает:

   .subnav--sergent {
        box-sizing: border-box;
        width: 17rem;
        background-color: $colorGraySergent;
        color: $colorGrayActu;
        padding: 0 3% 0 3%;
        margin-left: 2.7rem;
        min-height: 25rem;
        max-height: 25rem;
        position: relative;
        z-index: 20;
        top: 0;

        .subnav--main {
            margin-top: -15px;
            position: absolute;
            z-index: 100;

            li {
                padding-top: 0.5rem;

                a {
                    font-family: $article;
                    color: $colorWhite;
                    font-size: 1.3rem;
                }
            }
        }
    }

грубая ошибка ...