#html #css
#HTML #css
Вопрос:
Я создаю веб-сайт для своей компании, и мне нужно изменить CSS style для Chrome,IE,And Firefox.
Есть ли какой-либо способ сделать это? или что-то в этом роде?
Еще раз спасибо!
Комментарии:
1. Зачем вам нужно менять стиль в зависимости от браузера? Разве цель не должна состоять в том, чтобы сделать его похожим в каждом браузере без необходимости поддерживать несколько файлов CSS?
2. Проверьте этот JS: quirksmode.org/js/detect.html . Загрузив это, вы можете проверить, какой браузер использует ваш посетитель с помощью
BrowserDetect.browser, который вернет название браузера
Ответ №1:
Нет встроенной функции CSS для указания стиля для конкретного браузера. В html вы можете сделать что-то вроде этого:
<!--[if IE 6]>
<style type="text/css">
#left {
margin-left: 4px;
}
</style>
<![endif]-->
Вы также можете определить браузер с использованием языка шифрования, такого как PHP или ASP, Java или Ruby.
Например, вы можете выполнить следующее в PHP:
<?php
function isBrowser($name) {
return strpos($_SERVER['HTTP_USER_AGENT'], ucfirst($name)) !== false;
}
С учетом сказанного, я рекомендую вам избегать определенного кода браузера (css или другого), когда это возможно.
Ответ №2:
Вам нужно будет изучить заголовок запроса, чтобы увидеть, содержит ли он сведения о пользовательском агенте, с которого был отправлен запрос, и использовать это, чтобы решить, какой css применить к ответу.
Это ни в коем случае не гарантирует, что это сработает, данные пользовательского агента в запросе могут быть легко подделаны или могут отсутствовать вообще.
Комментарии:
1. Гораздо безопаснее и надежнее использовать обнаружение функций, чем полагаться на данные пользовательского агента по причинам, которые вы предложили.
Ответ №3:
Вы можете использовать javascript / jquery для определения браузера, а затем загрузить в таблицу стилей, которую вы хотите для этого браузера. Просто дайте вашему тегу link для таблицы стилей идентификатор, затем вы можете настроить таргетинг на него с помощью jquery и изменить атрибут href на таблицу стилей, которую вы хотите.
или
Вы можете определить браузер на стороне сервера, немного менее точно, и установить таблицу стилей там.
Ответ №4:
Это мой любимый инструмент для работы на стороне клиента:http://rafael.adm.br/css_browser_selector /
Он добавляет класс, соответствующий платформе / браузеру и т.д. . . .