Blazor top Nav row -> как предотвратить наложение на него других элементов? - PullRequest
Новая
       7

Blazor top Nav row -> как предотвратить наложение на него других элементов?

0 голосов
/ 24 апреля 2020

Я создал новый серверный проект Blazor. Так что по умолчанию чистый макет. Я хотел сделать макет card/column на своей странице. Но когда страница становится большой, я могу прокручивать страницу, поэтому, когда я прокручиваю вниз, «карточка» будет зависать над строкой меню в верхней строке. Это та же проблема, например, при использовании «div class col». Пример, чтобы сделать его более понятным

Этого не происходит, когда я использую тег img, поэтому, если я сделаю 10 больших изображений между тегом img, чтобы веб-сайт имел полоса прокрутки, изображения находятся за верхним меню строки.

Но только между "div" без цвета, это все еще хорошо, но это не так, это будет зависать над верхней строкой. 

<div class="row">
    <div class="col-1">
        <img class="card-img-top" src="Images/63.gif" style="max-width:100%;">
     </div>
</div>

Так как я могу убедиться, что верхняя строка строки ВСЕГДА сверху и что за ней всегда будет все, как при использовании простого тега <img>?

Спасибо!

1 Ответ

1 голос
/ 24 апреля 2020

В Blazor шаблон по умолчанию имеет верхнюю строку с классом CSS top-row, поэтому прыгайте на свой сайт. css файл и добавляйте внизу: 

.top-row {
z-index: 100;
}

Это должно перенести верхний ряд вперед к зрителю, как вы просите. Возможно, вам придется поиграть с этим значением z-index, чтобы получить его там, где вы хотите, но это должно помочь.

...