2.25 HTML-Text mit Grafiken überlagern
Problem
HTML-Text soll wiederholt mit einer Grafik überlagert werden, um beispielsweise ausgefranste Ecken oder Streifen darzustellen, wie in Abbildung 2-40 gezeigt.
Abbildung 2-40. HTML-Text wird wiederholt durch ein gestreiftes Bild überlagert
Lösung
Fügen Sie nach dem öffnenden Tag für die Überschrift, aber vor dem eigentlichen Text ein span-Element ein:
<h2><span></span>Designing Instant Gratification</h2>
Im nächsten Schritt verwenden Sie eine Version der Gilder/Levin-Bildersetzungstechnik (siehe „3.9 Durchscheinende Hintergründe für HTML-Text“), um den HTML-Text mit einem ununterbrochenen Muster einer GIF-Datei ...
Get CSS Kochbuch now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
