Подключение таблиц стилей для браузеров IE, Opera, Safari
Posted on Сентябрь 5, 2007
Filed Under ie, safari, сonditional сomments, opera, browsers, css, ie6, html |
Иногда бывает необходимо для достижения кроссбраузерности определить разные стили элемента для различных браузеров. Можно пойти в сторону использования css хаков, но я хочу описать альтернативній вариант, как мне кажется более правильный.
Итак, для IE используем всем знакомые сonditional сomments <!--[if IE ]>
<link rel="stylesheet" type="text/css" href="style/ie.css" />
<![endif]-->
Для Opera <script type="text/javascript">
<!--
if(window.opera) {document.write('<link rel="stylesheet" type="text/css" href="style/opera.css" />');}
//-->
</script>
Для Safari <script type="text/javascript">
<!--
var detect = navigator.userAgent.toLowerCase();
if((detect.indexOf('safari'))!=-1) {document.write('<link href="style/safari.css" rel="stylesheet" type="text/css" />');};
//-->
</script>
Comments
3 Responses to “Подключение таблиц стилей для браузеров IE, Opera, Safari”
Leave a Reply
-
Поиск
-
Счетчики
-
-
На правах рекламы:
А если эти люди просто отключат JS?
Что по другому нельзя?
а если пользователь отключает скрипты, то он должен предполагать, что он лишается какой либо функциональности.
я не думаю что без 5-10 правил для отдельного браузера, сайт станет для него недоступен.
отличная подборка
От себя только добавлю что фильтровать по имени броузера не очень хорошая практика, лучше по функционалу. Типа “доступна ли такая то джаваскрипт-функция”, а то ведь много может быть броузеров на одном движке. Как Camino например и т п..