Отображение совместимости браузера с использованием тикера

Question

Я хочу показать пользователям предупреждение о типе вещей поверх моей страницы, на котором отображается сообщение, если пользователь не использует определенные версии браузера, например, если пользователь использует IE6, тогда я хочу показать сообщение «Этот браузер не поддерживается, поэтому обновите».

Вопрос здесь в первую очередь, как проверить, какой пользователь браузера используется, и второй, как создать Javascript/JQuery или что-нибудь более простое тикер на верхней части страницы, которое должно отображаться только один раз и должно иметь перекрестную кнопку для скрытия ,

Answer 1

В каких браузерах/версиях вы хотите отображать сообщения?

Если вы делаете это только для старых IE, вы можете добавить HTML-код, который содержит сообщение, и добавить в его родительский контейнер класс «old-ie». Добавьте селектор в свою основную таблицу стилей для .old-ie и дайте ему display: none;.

Используя условные комментарии, вы можете переопределить основную таблицу стилей в ie6.css, ie7.css (или в встроенном CSS) и добавить еще один селектор для .old-ie, но на этот раз дайте display: block;.

Если вы хотите настроить таргетинг на более ранние версии Safari, Chrome, Firefox и т. Д., Вам нужно будет использовать обнаружение функции как упомянутое выше mikakun.