Строка состояния Microsoft Edge блокирует кнопки

Строка состояния пограничного браузера блокирует кнопки в нижней левой части веб-приложения, над которым я работаю. Chrome не будет отображать строку состояния, потому что кнопки не являются ссылками (если это будет ссылка, строка состояния будет идти вправо).Строка состояния Microsoft Edge блокирует кнопки

Во-первых, я думаю, что Microsoft должна что-то предпринять, но есть ли там программное решение?

края браузера

Chrome

** редактировать: Я мог бы изменить кнопки на связи с href="#" и действия OnClick: это не будет показывать строка состояния, но я думаю, что нет каких-либо css-решений, поэтому мне не нужно менять разметку на 100 страницах (это очень большое приложение и экраны имеют разные кнопки) ...

источник

2015-12-31 Roel

Вы можете поделиться своим кодом для визуализации кнопок там? –

Это уже происходит, когда вы используете очень простой html: '' – Roel

Итак, вы не позиционируете его (или это родительские узлы) вообще? –

Это известная проблема с Microsoft Edge. Наша команда изучила этот вопрос и будет решать его в будущем выпуске. Я обновлю этот ответ, когда этот выпуск отправлен.

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

В приведенном выше примере я определил область, которая содержит ссылки:

<div class="footer-links"> 
    <a href="/informatie">Informatie</a> 
    <a href="/wijzigen">Wijzigen</a> 
    <a href="/verwijderen">Verwijderen</a> 
</div>

затем я добавил некоторое дополнение, чтобы создать пространство между верхней .footer-links и отдельные элементы <a>:

.footer-links { 
    padding: 3em 1em 1em 1em; 
}

Наконец, я переход элементов, когда их контейнер колебались:

.footer-links a { 
    display: inline-block; 
    transition: transform .75s; 
} 

.footer-links:hover a { 
    transform: translateY(-2em); 
}

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

.footer-links a:nth-child(2) { 
    transition-delay: .25s; 
} 

.footer-links a:nth-child(3) { 
    transition-delay: .50s; 
}

Надеюсь, это поможет.

источник

2016-01-02 20:28:16 Sampson

Строка состояния Microsoft Edge блокирует кнопки

ответ

Смежные вопросы