Проблема создания макета веб-страницы с помощью CSS

0

Я создаю угловое приложение, и я создал макет, но у меня проблемы с его функциональностью.

в настоящее время заголовок остается фиксированным в позиции, как и активатор, но меню, отображаемое при опрокидывании, отсутствует, и когда прокрутка содержимого в теле появляется над верхней частью заголовка. Я не фантастический в css, но знаю некоторые. любая помощь, исправляющая это, будет очень признательна :)

Изображение 174551

Изображение 174551

снова любая помощь вообще была бы фантастической.

  • 4
    какой код вы сделали? или любой jsfiddle сделает
  • 0
    Часть проблемы звучит так, будто z-index должен быть выше в заголовке, но, пожалуйста, давайте посмотрим на скрипку или какой-нибудь код!
Показать ещё 2 комментария
Теги:

1 ответ

0
Лучший ответ

Если вы добавите свойство z-index в класс заголовка, он помещает заголовок поверх активатора.

.ts-header {
    height: 74px;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #000;
    position: fixed;
    z-index: 999; /* NEW */
}

https://jsfiddle.net/kyu0x9ym/1/

Поделиться
  • 0
    Привет Майкл, спасибо за вашу помощь. в основном, что я хочу, это точный макет первого изображения, где прокручивается только содержимое в блоке с текстом «Только содержимое ...», в то время как заголовок и боковая панель остаются фиксированными в положении, а боковая панель - под заголовком. В настоящее время содержимое в блоке тела появляется поверх заголовка при прокрутке.
  • 0
    что-то в этом роде? jsfiddle.net/kyu0x9ym/2
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню