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

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

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

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

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

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

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

2 ответа

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

Modernizr

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

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

HTML5shiv

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

CSS3PIE

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

ie7.js (и ie9.js)

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

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

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

Другие вопросы по тегам