Работа с неподдерживаемыми браузерами [HTML5 / CSS3]

Question

У меня есть сайт, здесь , над которым я работаю, который использует некоторые элементы html5 и css3, которые явно не загружаются корректно в некоторых браузерах, и у меня есть несколько вопросов о том, что я могу сделать иУ меня нет большого опыта работы с такими кодами, как php или javascript.эти вопросы также являются своего рода беспорядком - я искал повсюду, не совсем уверенный в том, что мне следует искать.

Как бы мне создать всплывающее окно, основанное на том, какой браузер используется,если возможно?

Я понимаю, что могу использовать условные комментарии для IE, но IE не единственный неподдерживаемый браузер.Есть ли способ активировать определенные элементы или элементы div в зависимости от браузера?

Как мне создать версию сайта, которая будет отображаться вместо неподдерживаемой версии?

Есть ли лучший способ сделать это?

Эти вопросы могут быть неправильными - если нет, и вы знаете ответ на вопрос, который я ищу, пожалуйста, сделайте это!Спасибо!

Answer 1

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

Modernizr

Обнаружение функций, что позволяет вам ориентироваться на функции в CSS и JS. Он не добавляет функций, просто позволяет тестировать их.

Включает функциональность HTML5shiv. Также делает намного больше - если вы не используете другие функции, не используйте их, это замедляет загрузку страниц, но оно того стоит, если вам это нужно!

HTML5shiv

Очень маленький, позволяет использовать элементы html5 в IE, больше ничего.

CSS3PIE

Позволяет использовать радиус границы, градиенты и тени в старых версиях IE. Также можно разрешить PNG в IE 6. Добавляет заметную задержку к загрузке страницы.

ie7.js (и ie9.js)

Предоставляет вам множество селекторов CSS3, минимальную и максимальную ширину, несколько классов и фиксированное позиционирование. Также может иметь исправление PNG, если хотите. Кажется, не сильно замедляет ход событий.

Answer 2

Вы можете использовать скрипт moderizer , чтобы преодолеть разрыв для разметки HTML.

Я бы не стал беспокоиться о том, работает CSS3 или нет в IE.Если у вас есть поддерживаемый браузер, вы получаете расширенный пользовательский опыт, а если нет, вы просто получаете нормальный.