Исторически сложилось, что у нас на работе используют два браузера на рабочих компах - Internet Explorer и Chrome. И конечно же, часть вещей работает толь пол Эксплорер, а часть только под Хром. И когда я начал писать маленький сайтик для своего отдела, то встал вопрос... как определить ху-ис-ху без JavaScript (ибо не люблю)?
Свой сайтик, а точнее CSS для него, я пишу под Хром. Почему?
- Хром мне больше нравится (да, да... из-за привязки к гугл аккаунту)
- Для него всё работает - в плане CSS
- Есть хороший плагин который открывает Эксплорер прямо в Хроме. Тогда не надо метаться из браузера в браузер и думать что и в чем открывать.
Так вот, как оказалось, если с рабочего компа открыть сайт написаный под Эксплорер в Хроме, то появится заглушка с просьбой поменять браузер. И, почему-то, это всё реализовано на JavaScript.
Но, мы пойдём другим путём:
<!DOCTYPE html>
<!--[if IE]>
<link rel="stylesheet" href="ie.css">
!!! Use Chrome !!!
<![endif]-->
Всё, теперь браузер может принять определённые стили только для Эксплорера. В данном случаи я поставил заглушку с надписью !!! Use Chrome !!!:
.ie {
display: inline;
display: inline-block;
display: block;
display: run-in;
display: none;
}
А можно сделать наоборот:
<!--[if !IE]><!-->
<link rel="stylesheet" href="ie.css" />
<!--<![endif]-->
В этом случаи, если страница открыта НЕ через Эксплорер, тогда будут применены особые правила.
Вот так просто, и без лишнего гемороя, можно отсечь Эксплорер от других браузеров.
Более подробно о разных тонкостях можно почитать здесь.
Всем удачи!!
Комментариев нет:
Отправить комментарий