14. 7. 2010

Podtržený hover v Cufónu

Vypadá to superjednoduše, ale není to tak. Chcete-li zmiňovaný efekt zajistit i mimo Firefox, nejdříve totiž musíte povolit hover stav, který Cufón z výkonnostních důvodů defaultně vypíná

Cufon.set('hover', true)

Metodu set() musíte volat ještě před replace().

Druhý problém je, že CSS vlastnost text-decoration: underline Cufón (ve verzi 1.09) na hover stav nepodporuje.

Pomůže tedy jedině nahrazení podtrhávacího efektu rámečkem: border-bottom: 2px solid blue.

Můžete si jako já ťukat na čelo, ale ono platí — malé technologie, malé starosti… :-)

Komentáře

Tagy: Cufón

Reklama: Kurz HTML5 a CSS3 — snadnější život na front-endu
S pomocí nových vlastností CSS3 a HTML5 ušetříte čas, který pak můžete vrátit uživatelům vašeho webu — v podobě bohaté sémantiky, rychlého načítání nebo snadnějšího prohlížení na mobilních zařízeních.

blog comments powered by Disqus
Web Statistics