Jak naučit Internet Explorer 8 a starší některé CSS3 styly?

PIE, CSS3 v IE8

Pokud jste z těch, kteří chtějí, aby jim web fungoval co nejlépe ve všech prohlížečích tak se jednak neobejdete bez "hacků" pro starší verze Internet Exploreru (IE), ale ani bez malého souboru se jménem PIE. Tento soubor "naučí" starší prohlížeče několik základních CSS3 stylů.

PIE v současnosti poskytuje plnou či částečnou podporu CC3 vlastností pro Internet Explorer (IE) 6 až IE 8. Vlastnosti, které podporuje jsou:

border-radius
box-shadow
border-image
multiple background images
linear-gradient jako background image


Jak dané PIE použít v samotných CSS stylech? Příklad provedu na vlastnosti "border-radius":

.kulate_roh{
  -webkit-border-radius: 6px 6px 6px 6px; // zapis lze zkratit na bezne "6px"
  -moz-border-radius: 6px 6px 6px 6px; // zapis lze zkratit na bezne "6px"
  border-radius: 6px 6px 6px 6px; // zapis lze zkratit na bezne "6px"
  behavior: url(funkce/PIE.php);
}

Cesta v "behavior" je od html kódu k souboru "PIE.php" . Lze cílit i na "PIE.htc", ale pak musíte řešit soubor ".htacces" proto je třeba mít jak "PIE.php" tak u něj "PIE.htc" a cílit na "PIE.php".

Ke stažení zde: oficiální stránky

<< zpět