Что происходит с моей навигацией и ползунком в Internet Explorer 10? - PullRequest
Новая
       3

Что происходит с моей навигацией и ползунком в Internet Explorer 10?

0 голосов
/ 27 октября 2019

Я работаю на своем собственном сайте: www.heike-waltz.de

В прошлом я использовал условные комментарии для IE. Но так как это больше невозможно для IE10, я не знаю, как решить мою проблему.

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

Также мой слайдер не работает в IE. Это JavaScript, который я добавил .....

Я действительно не знаю, что делать:)

Есть идеи?

Буду очень признателен.

Ура, Хайке

1 Ответ

0 голосов
/ 28 октября 2019

Я проверил ваш сайт в IE, в консоли есть синтаксическая ошибка, и она указывает на строчку function function . Функция стрелки не поддерживается в IE. Поэтому вы должны перевести его на синтаксис ES5, чтобы он мог работать в IE: 

pause = function pause() {
    clearInterval(myTimer);
};

resume = function resume() {
     clearInterval(myTimer);
     myTimer = setInterval(function () {
         plusSlides(slideIndex);
     }, 5000);
};

Кроме того, вы можете использовать медиазапросы для загрузки CSS, специфичного для IE. Вы можете попробовать добавить следующий код в таблицу стилей для настройки позиции нижней строки в IE: 

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /*media query to detect IE*/ 
    #desktop-nav > ul > li > a {
        color: black;
        position: relative;
        width: auto;
        text-decoration: none;
        transition: color 0.5s linear;
        padding: 10px 0 11px 0;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .active-link a {
        color: #40c2c2 !important;
        text-decoration: none;
        border-bottom: 1px solid #40c2c2;
        padding: 10px 0 10px 0 !important;
    }
}
...