Кроссбраузерность (кроссбраузерная верстка сайта на CSS) – это совокупность CSS компонентов, которые обеспечивают единый образ страницы сайта во всех браузерах, или же в таких как IE 6, 7, 8, Firefox, Opera, Safari.
Часто у многих верстальщиков возникают проблемы с кроссбраузерностью, и иногда можно их решить с помощью приемов CSS, а иногда хочется сделать, так что бы разные CSS стили работали в разных браузерах . Данное действие можно реализовать с помощью Conditional Comments для IE, и с помощью Java Script.
Достижение кроссбраузерной верстки
Для IE (Internet Explorer):
-
1234567<!--[if IE 6]>/* CSS для получения кроссбраузерности в IE */<link rel="stylesheet" type="text/css" href="style/ie.css" /><![endif]--><!--[if IE 7]><link rel="stylesheet" type="text/css" href="style/ie7.css" /><![endif]-->
Для Opera:
-
123456<script type="text/javascript">if(window.opera) {document.write('<link rel="stylesheet" type="text/css"href="style/opera.css" />');}</script>
Для Firefox:
|
1 2 3 4 5 6 |
@-moz-document url-prefix() { a { color: #999999; } } |
Для Safari:
|
1 2 3 4 5 6 7 |
<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> |
Кроссбраузерность с помощью PHP
Существует еще один способ достижения кроссбраузерной верстки с помощью PHP и CSS. Реализуется данный способ с помощью функции в PHP “User Agent”.
-
12echo $_SERVER['HTTP_USER_AGENT']; // Возвращает строку с пользовательскимиданными (OC, браузер)
Дальше для получения кроссбраузерной верстки надо просто разобрать полученную строку и внедрить полученные данные в Java Script или прямо в PHP формировать CSS свойства.
Просмотров : 6736