Deprecated: Function set_magic_quotes_runtime() is deprecated in /mnt/data/accounts/w/webmark/data/www/blog/textpattern/lib/txplib_db.php on line 14
Rozlišení CSS stylů pro různé verze Internet Exploreru :: Blog v pavučině
Blog v pavučině je mrtev. Ať žije nový blog Všeho s Mírou
Skočit na obsah Skočit na menu Skočit na vyhledávání

Rozlišení CSS stylů pro různé verze Internet Exploreru

Ačkoliv všichni ví, že CSS hacky pro Internet Explorer nejsou zrovna nejlepším řešením rozdílného chování různých verzí IE, občas se jim neubráníme. Jak rozlišit styly pro jednotlivé verze Internet Exploreru od verze 5 až po sedmičku?

Pixy (Petr Staníček) napsal před více než třemi lety článek Explorerové síto, který popisuje hacky, které aplikují určitou vlastnost (resp. hodnotu) jen na určitou verzi Internet Exploreru.
Rozšířil jsem toto „explorerové síto“ ještě o Internet Explorer 7 (který tu před třemi lety nebyl). Na druhou stranu jsem neměl možnost testovat na Macu – všechny testy jsem provádět v IE pod Windows.

<script type="text/css">
#hack-test {
  color: gray;        /* styl pro všechny prohlížeče */
  *color: blue;         /* styl jen pro IE/Win, 7 a nižší */
  _color: red;         /* styl jen pro IE/Win, 6 a nižší */
  _color/**/: orange;  /* styl jen pro IE/Win, jen 5.5 a vyšší */
  _co\lor: yellow;     /* styl jen pro IE/Win, jen 6.0 a vyšší */
  }
</script>
TESTOVACÍ TEXT

Výše uvedený testovací text bude:

  • modrý v IE 7
  • žlutý v IE 6
  • oranžový v IE 5.5
  • červený v IE 5
  • šedý v ostatních prohlížečích

V této souvislosti doporučuji také články Unrecommended hacks a In-CSS hacks.