CSS hacky – přehled

26. května 2007

Tabulka uvádí nejznámější CSS hacky (někdy bývají též označovány „CSS triky“) a jejich použitelnost v různých prohlížečích na různých operačních systémech.

V prvním sloupci tabulky je uvedena speciální CSS konstrukce a další sloupce ukazují, zda je určitý prohlížeč (verze) na určitém operačním systému bude či nebude aplikovat. Kliknutím na konkrétní CSS hack si můžete otestovat, jak se s ním vypořádá váš prohlížeč (anglicky).

Pokud není uvedeno jinak, platí údaje v tabulce většinou i pro vyšší verze téhož prohlížeče.

CSS zápis Windows Mac OS X Macintosh Jiný
IE Mz Op IE Mz Op Sf IE Mz Op Ko
7 6 5.5 1 8 5 1 8 2 5 1 6 3
CSS zápis 7 6 5.5 1 8 5 1 8 2 5 1 6 3
IE Mz Op IE Mz Op Sf IE Mz Op Ko
Windows Mac OS X Macintosh Jiný

voice-family:“\“}\““;voice-family:inherit;property:value;
Y Y N Y Y Y Y Y Y Y Y Y Y

p\roperty:value;
Y Y N Y Y Y Y Y Y Y Y Y N

/*/*/property:value;/* */
Y Y Y Y Y Y Y Y Y Y Y Y Y

/*/*//*/property:value;/* */
N N N N N N N N N N N N N

div#test
Y Y Y Y Y Y Y Y Y Y Y Y Y

head:first-child+body div
Y N N Y Y Y Y Y Y Y Y N Y

body>div
Y N N Y Y Y Y Y Y Y Y Y Y

html[xmlns] div
Y N N Y Y N Y Y Y N Y Y Y

@import „styles.css“
Y Y Y Y Y N Y Y Y N Y Y Y

@import „styles.css“
Y Y Y Y Y Y Y Y Y Y Y Y Y

@import url(styles.css)
Y Y Y Y Y Y Y Y Y Y Y Y Y

@import url(„styles.css“)
Y Y Y Y Y N Y Y Y N Y Y Y

@import url(„styles.css“)
Y Y Y Y Y Y Y Y Y Y Y Y Y

@import „null?\“\{„;@import „styles.css“;
Y Y Y Y Y Y Y Y Y Y Y Y Y

@media all{/* rules */}
Y Y Y Y Y N Y Y Y N Y Y Y

<link media=“all“>
Y Y Y Y Y Y Y Y Y Y Y Y Y

<link media=“All“>
Y Y Y Y Y Y Y Y Y Y Y Y Y

* html div
N Y Y N N Y N N N Y N N N

*+html div
Y N N N ? ? ? ? ? ? ? ? ?

i{content:“\“/*“}div{property:value}
Y Y N Y Y Y Y Y Y Y Y Y N

/* \*/div{property:value}/* */
Y Y Y Y Y N Y Y Y N Y Y Y

html*#test
Y Y Y Y N Y Y N Y Y Y ? N

_property:value
N Y Y N N N N N N Y N N N

*property:value
Y Y Y N ? ? ? ? ? ? ? ? ?

@media tty {i{content:“\“;/*“ „*/}} @import „styles.css“; /*“;}}/* */
N N Y N N N N N N N N N N

@media tty {i{content:“\“;/*“ „*/}}; @import „styles.css“; {;}/*“;}}/* */
N N N N N N N N N N N N N

@media tty {i{content:“\“;/*“ „*/}}@m; @import „styles.css“; /*“;}}/* */
N N Y N N N N N N N N N N

/*\*//*/@import „styles.css“;/**/
N N N N N Y N N N Y N N N

Poznámky k tabulce

  • Při výběru CSS hacku vybírejte raději ze skupiny hacků validních a využívajících nedostatečné implementace CSS. U těchto hacků lze předpokládat jejich spolehlivou funkčnost. Vyhněte se hackům, které využívají chybné implementace CSS nebo nejsou validní. Ušetříte si řadu těžko předvídatelných problémů.
  • Tabulka je založena na originální tabulce css filters (css hacks) (Kevin C. Smith), která byla převzata s laskavým svolením autora. Vzhledem k velkému rozsahu původní tabulky byly vypuštěny některé prohlížeče, které se již v praxi nepoužívají (podle údajů serveru W3Schools).
  • Český popis některých CSS hacků naleznete v sérii článků Individualizace stylopisů k eliminaci chyb prohlížečů.

Odkazy a zdroje

Nejdůležitější informace

  • css filters (css hacks) – původní, výše citovaná, tabulka – Kevin C. Smith (Centricle.com, 15. 4. 2007)
  • Hide CSS from browser – zevrubná tabulka komatibility at-pravidla (@import, 23. 9. 2004)
  • CssHack – rozcestník na další stránky o hackování kaskádových stylů (css-discuss, 2. 12. 2006)

Správné cesty CSS individualizace v IE

Zajímavé články

Zdroje v češtině

Předchozí článek 4koridor.cz

Mohlo by vás také zajímat

Nejnovější

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *