Hakamův blog
Knihomol pro knihomola

2005-08-24 01:57:00

Podtržítkový hack

Před nedávnem jsem jednomu kamarádovi vysvětloval, co je to podtržítkový hack a dostal jsem chuť si o tom blognout. Takže:

Podtržítkový hack je webdesignerský prostředek, jak se vyrovnat s výstřední interpretací kaskádových stylů v Microsoft Internet Exploreru.

Vychází z těchto tří faktů:
  1. CSS vlastnost může ve svém názvu obsahovat podtržítko.
  2. Pokud prohlížeč vlastnost nezná, měl by ji ignorovat.
  3. MSIE 5+ nebere v potaz podtržítko, které je na začátku názvu jakéhokoliv identifikátoru.

Z toho plyne, že pokud v CSS napíšeme před jakoukoliv vlastnost podtržítko (např.: _color), tak všechny prohlížeče by (správně) měly tuto vlastnost ignorovat, jenže MSIE podtržítko nevidí a vlastnost zpracuje jako by tu vůbec nebyl.

Takže například:
CSS definice:
.priklad {
 color: blue;
 _color: red;
}

a HTML kód:
<p class="priklad">Zkouška</p>

Ve výsledku způsobí, že text "Zkouška" bude ve WinIE 5+ červený a ve všech normálních prohlížečích bude modrý. (příklad)

Tento trik dává webdesignerům možnost, jak se vypořádat s dalšími specifiky WinIE jako je třeba neschopnost zpracovat vlastnost min-height, max-heigth, position:fixed apod.

Podle několika zdrojů lze použít i jiné znaky něž je podtržítko, třeba i !@#$%^&*()_-+=/?.,|[]{;:<>, ale jist si tím nejsem.


Komentáře:

  - Tento spot dosud nikdo nekomentoval. Buďte první!

 Přidat nový komentář: 
Jméno:
Email:
Homepage:
Text:
Opište: 

© 2005-2008 Kamil Havlíček [hakam] | XAGATRON.CZ | RSS