Я знаю, что есть обнаружение браузера в mootools. Поэтому, я хочу знать, как изменить стиль CSS зависит от браузера? -v-Как изменить стиль CSS зависит от браузера
ответ
Возможно, следующие CSS Hacks будут служить:
http://www.cssblog.es/hacks-css-mediante-selectores/
Привет!
Как насчет хром? – 2010-12-05 11:46:22
для личного напоминания, я отправил этот небольшой пример на jsfiddle: http://www.jsfiddle.net/ghazal/XUXAP/ Может быть, это поможет вам Приветствия.
большое спасибо! ^^ – 2010-12-05 11:50:13
2 способа:
Server Side
Detect строка агента пользователя и служить соответствующую таблицу стилей во время генерации страницы.
Условные стилей
Это только служит для IE (все версии)
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<!--<![endif]-->
Взгляните:
http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
Для условий, связанных с различными версиями точно.
Примечания
Вероятно, лучше всего, чтобы попытаться устранить причину проблемы, а не прибегать к взломам, как это будет намного проще в обслуживании. Также имейте в виду, что новые версии выпускаются все время, версии браузера могут быть подделаны и т. Д. И т. Д. Его действительно нужно использовать только для конкретных изолированных исправлений, когда вы не можете найти другое решение.
Обнаружение браузера необходимо только для старых версий IE, если есть проблемы в других современных браузерах, то это, вероятно, ошибка разработчика.
Один из способов проверки на стороне сервера:
// returns true on at least a minimal version of IE, or if is not IE
function checkIEVersion(minimal) {
var ver = true;
if (navigator.appName == 'Microsoft Internet Explorer') {
var ua = navigator.userAgent;
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null) ver = parseFloat(RegExp.$1) >= minimal;
}
return ver;
};
Другой способ заключается в использовании conditional comments в HTML:
<!--[if lt IE 9]><html class="ie"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html><!--<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/ie.css">
<![endif]-->
Тогда регулярный стиль CSS будет выглядеть следующим образом:
.somestyle {}
И задний стиль в ie.css
будет выглядеть так:
.ie .somestyle {}
if (Browser.chrome) { document.id('foo').addClass('bar'); }
Для более см Mootools documentation for Browser
Хороший вопрос, сначала вы можете добавить различные классы CSS, как:
.color-safari{}
.color-chrome{}
Затем сделать элемент с классом, но пустой, как:
<input id="myID" type="text" name="hi" class="">
Затем в скрипте par t, вы можете добавить следующее для проверки браузера:
var userAgent = navigator.userAgent.toLowerCase();
if (userAgent .indexOf('safari')!=-1){
if(userAgent .indexOf('chrome') > -1){
//browser is chrome
$("#myID").addClass("color-chrome");
}else{
//browser is safari, add css
$("#myID").addClass("color-safari");
}
}
Я пробовал и работает, приветствует!
- 1. Как изменить стиль кнопки зависит от ширины
- 2. Как изменить значение зависит от анимации css?
- 3. Встроенный стиль не зависит от запросов СМИ
- 4. Сортировка: это зависит от браузера
- 5. CSS стиль, заголовок и разрешение сноска зависит
- 6. CSS зависит от ActiveX?
- 7. Почему этот стиль CSS-стиля зависит от порядка?
- 8. Как extjs не зависит от браузера
- 9. CSS стиль специфичного для браузера
- 10. Размер изображения масштабирования зависит от размера браузера
- 11. Как изменить CSS в зависимости от ширины браузера
- 12. Какое свойство CSS, которое не зависит от браузера
- 13. Как изменить стиль jQuery css?
- 14. Как получить CSS-стиль элемента веб-браузера?
- 15. Настройка меню зависит от размера браузера getskeleton
- 16. Получить CSS-стиль от PHP
- 17. Родительский стиль зависит от динамического значения ребенка
- 18. Ширина стиля изображения зависит от CSS
- 19. Позиционирование CSS зависит от экрана?
- 20. Почему браузер не зависит от CSS?
- 21. WPF - стиль узла зависит от глубины дерева
- 22. Почему сеанс зависит от браузера cookie
- 23. BootstrapUI Timepicker Meridian зависит от настроек браузера
- 24. Объект Date Javascript зависит от браузера пользователя?
- 25. Как изменить стиль CSS страницы в зависимости от ширины экрана?
- 26. Стиль дифференциации зависит от выбора с использованием SASS
- 27. Apache ErrorDocument зависит от языка браузера
- 28. Как включить CSS зависит от Running Enviroment
- 29. Как изменить предыдущий стиль td, когда работа функции зависит от athor td
- 30. как изменить текст заполнителя зависит от языка
был похож на: http://stackoverflow.com/questions/4323186/browser-os-as-body-class – meo 2010-12-03 12:50:58
Обнаружение браузера не должно быть сделано, потому что нет гарантий, что вы получите правильный ответ, а некоторые браузеры могут обмануть пользовательский агент. Вместо этого используйте функцию обнаружения. Тем не менее, большинству современных браузеров не нужен специальный CSS, который им кормит. Только IE требует таких хаков, но именно поэтому они создали «условные комментарии». – Rob 2010-12-03 13:21:48