Moderní tvorba webových aplikací

O webu

CSS 3 selektory ve starých IE

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

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č?

Související články

JavaScript Battery API

Jak v JS zjistit stav baterie, co dnes funguje a kdy API nepoužívat.

3 minuty

Znázornění možnosti scrollování

Jak dát uživateli informaci, že je možné někam scrollovat.

10 minut

Plynulé scrollování na obsah

Jak vytvořit plynulé odrolování na určitou část stránky.

6 minut

Různá šířka <input type=number> s min/max

Proč má <input type=number> různou výchozí šířku v závislosti na min/max atributech.

3 minuty

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025