Проблемы с позиционированием моего заголовка в Internet Explorer - PullRequest
Новая
       43

Проблемы с позиционированием моего заголовка в Internet Explorer

0 голосов
/ 21 декабря 2018

введите описание изображения здесь У меня возникла проблема с размещением заголовка и навигации там, где я хочу, при использовании Internet Explorer.Он отлично работает с другими браузерами, но не IE.Я думаю, что проблема заключается в использовании фиксированного позиционирования, но я не знаю, как сделать мой заголовок совместимым с Internet Explorer.Я включил соответствующий код и картинку того, как заголовок выглядит в IE.Навигация должна быть внизу изображения гор, а не в верхнем левом углу страницы. 

header {
   position: absolute;
   position: sticky;
   top: 0;
   clear: both;
   border-bottom: 2px solid black;
   border-top: 2px solid black;
   margin: 0px;
   padding: 0px;
   background-color: #2E2D2D;
   z-index: 1;
}

nav {
   width: 800px;
   height: 70px;
   margin-left: auto;
   margin-right: auto;
   color: #fff;
}

1 Ответ

0 голосов
/ 22 декабря 2018

Быстрый поиск показывает, что он не поддерживается в IE:

Для воспроизведения эффектов закрепления, вам придется использовать JS.Вы можете написать это самостоятельно или найти «липкий полифилл», который уже существует.

В качестве альтернативы, вы можете обновить свой дизайн, чтобы он не требовал position: sticky.

...