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.