Yuhůův weblog o webu

Chytré nahrazení textu obrázkem

Anatoly Papirovsky na svém blogu publikoval nový zápis stylu pro nahrazení nadpisu obrázkem (anglicky). Jeho výhody shledávám zejména v tom, že:

• funguje i s vypnutými obrázky (je vidět text)
• html prvek se do kódu zapisuje naprosto jednoduše, např. takto:

<h1>Nadpis</h1>

Řešení se v CSS klasicky přes selektory dělí do dvou větví. Moderní prohlížeče využívají pseudotřídu :after, pro Explorer je používána konstrukce Expression. Autor řešení mi k tomu napsal:

... to byl docela oříšek, s tím Expression. Hlavně protože expression se aplikují znova pokaždé, jakmile se něco na stránce změní, a tudíž by se to dostalo do nekonečné smyčky (vložíš obsah, tak se něco změnilo, nový přepočet expression, opet vložit span atd.), takže jsem musel přijít s tou dvojitou definicí za použití "," aby to fungovalo.

trvalý odkaz