тип браузера определить в css

Question

Кто-нибудь знает, как я могу определить тип браузера в css? То, что я пытаюсь сделать, это когда пользователь просматривает страницу с помощью IE 8, а затем установит для класса 'black2' значение {font-size: 0.75em; color: # 1e549b;} в css else установит для него значение {font-size: 0.95em; цвет: # 1e549b;}

Answer 1

см. этот аналогичный вопрос

Вы можете использовать специальные комментарии для определения IE в CSS, или вы можете сделать логику, используя javascript и применять классы CSS программно (например, используя JQuery).

Answer 2

<!--[if IE 8]>
  <style>.black2 { font-size:0.75em; color:#1e549b;} </style>
<![endif]-->

Не очень рекомендуется ... но почему вы используете другой размер шрифта? Вы не можете заставить их быть последовательными? Вы пытались установить начальный процент, а затем использовать ems?

Answer 3

Если вы используете серверный код (php, asp.net, asp, ..), вам лучше обнаружить браузер на сервере и включить в заголовок дополнительную таблицу стилей для кода, специфичного для браузера.

В противном случае, существует ряд взломов браузера, которые вы можете использовать для внедрения CSS для разных типов браузеров и версий. Поскольку они являются "хаки", CSS быстро становится ужасно.

Answer 4

Я упоминаю это для полноты картины, но я настоятельно рекомендую вам пойти другим путем, потому что выражения CSS влияют на производительность и могут не быть кросс-платформенными:

Вы можете использовать выражение CSS в сочетании с JavaScript для динамической установки ваших стилей. Пример:

<style>
 P 
 {
   background-color: expression( getBackgroundColor(this) );
 }
</style>

<script type="text/javascript">
  function getBackgroundColor(elem)
  {
    return "green";
  }
</script>

Вы можете использовать эту функцию JavaScript, чтобы определить версию браузера (тоже не лучшая идея) и соответствующим образом раскрасить.