CSS 3 selektory ve starých IE

Doplnění podpory CSS 3 selektorů do starých prohlížečů pomocí JavaScriptu.

25. září 2013

2 minuty

Pokročilejší CSS 3 selektory fungují často až v novějších Internet Explorerech (např. od verse 9). Kromě řešení ve stylu vystačit si se základními selektory (což, mimochodem, nemusí být špatná volba — podobně jako u používání vlastních HTML značek). Existuje ještě možnost doplnit podporu JavaScriptem.

Selectivizr

Stránka projektu :select[ivizr]

Selectivizr funguje velmi jednoduše. Stačí připojit v požadovaných prohlížečích (tj. podmíněnými komentáři obalený) speciální JS soubor, který se o vše postará.

<!--[if (gte IE 6)&(lte IE 8)]>
   <script type="text/javascript" src="selectivizr.js"></script>
<![endif]-->

Zároveň Selectivizr vyžaduje nějakou z JS knihoven — podpora nejvíce selektorů je s frameworkem Mootools nebo NWMatcher. To je bohužel další argument snažit se si bez pokročilých selektorů vystačit. Vyplatí se ušetřit si pár běžných selektorů tříd, ale nutit uživatele starších prohlížečů stahovat knihovnu + opravující skript a tím ještě brzdit obstarožní prohlížeč?