Skip to Main Content
JavaScript MISSING MANUAL
book

JavaScript MISSING MANUAL

by David Sawyer McFarland
December 2008
Intermediate to advanced content levelIntermediate to advanced
576 pages
16h 10m
German
O'Reilly Verlag
Content preview from JavaScript MISSING MANUAL

Kreative Überschriften

In dieser Übung werden Sie mit jQuery in Verbindung mit CSS einen einzigartigen Effekt für Überschriften erstellen (siehe Abbildung 5-8). Der grundlegende Trick besteht darin, ein transparentes PNG-Bild über jede Überschrift zu legen. Das PNG dient dabei als Maske, die Teile der Überschriften bedeckt. In diesem Beispiel liegt ein Bild aus verblassenden horizontalen Linien über mehreren Überschriften, um so den Eindruck zu erwecken, der Text sei gestreift.

Der Schlüssel zu diesem Effekt liegt darin, ein leeres <span>-Tag in jedes Überschriften-Tag einzufügen. Mit CSS können Sie dieses <span>-Tag dann so formatieren, dass es über der Überschrift liegt und ein transparentes Bild anzeigt.

Abbildung 5-8. Mit cleverem CSS und ein ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

JavaScript für Ungeduldige

JavaScript für Ungeduldige

Cay Horstmann
CSS Kochbuch

CSS Kochbuch

Christopher Schmitt

Publisher Resources

ISBN: 9783897218796Supplemental Content