22. 9. 2009

CSS: alternativní logo pro tisk

print.css:

#logo img
{
display: none;
}

#logo:after {
content: url('/images/logo.print.png');
}
Karmi se ptá, jestli znám tenhle trik. Obecně interesantní způsob jak v tiskové verzi zobrazovat jiný obsah než v onscreen. Neznám a děkuji za tip!

Komentáře

Tagy: css

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