Кроссбраузерность, CSS для IE, Opera, Firefox

Кроссбраузерная верстка («кроссбраузерность») – это одинаково отображаемая верстка страницы в различных браузерах. Она реализуется при помощи HTML, CSS, разнообразных хаков, и, в некоторых случаях, JavaScript. 

Часто у многих верстальщиков возникают проблемы с кроссбраузерностью, и иногда можно их решить с помощью приемов и хаков на CSS, а иногда хочется сделать, так что бы разные файлы CSS загружались в определенных браузерах, если это требуется. Это можно реализовать с помощью Conditional Comments для IE, и с помощью JavaScript для большинства остальных браузеров.

Некоторые методы достижения кроссбраузерной верстки:


Для IE 6, 7, 8 (Internet Explorer):

Code
<!--[if IE 6]>
  <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:

Code
<script type="text/javascript">
  if(window.opera) {
  document.write('<link rel="stylesheet" type="text/css" href="style/opera.css" />');
  }
  </script>


Для браузера Mozilla Firefox:

Code
@-moz-document url-prefix() { a { color: #999999; } }


Для браузера Safari:

Code
<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>

  • FalleN

  • 2085

  • 1

  • 0

Ссылки на статью:

Прямая ссылка:
HTML-код:
ББ-код:

Похожие статьи:

Добавить комментарий:

Для добавления вы должны авторизироваться!