Text mit Grafik ersetzen

[G. J. C. Schmöck]

Hi,

ich habe diverse Elemente der Sorte <h1>Meine Überschrift</h1> u.s.w. in meiner Quelle, die mal so
   h1 {font: 500% Impact, sans-serif; font-weight: normal;}

mal so
   h1 {text-transform: lowercase; text-align: right;}

in mehreren alternativen Stylesheets gestylt werden.  Ihr kennt das ja.  Für weitere Stylesheets möchte ich Grafiken einsetzen, weil die CSS-eigenen Mittel hier den Geist aufgeben: mit einer Grafik lässt sich eben gestalterisch viel mehr machen.

Die background-Eigenschaft leistet im Prinzip das, was ich will:
  h1 {background: url("img/schicke_ueberschrift") no-repeat;}

Allerdings klebt dann ja der eigentliche Text noch störend im Vordergrund.  Spiele ich mit display oder visibility rum, dann ist das ganze Element weg bzw. versteckt, nebst Hintergrundgrafik, was ich ja auch nicht will.  Wie löse ich das Problem mit CSS?  Falls das nicht geht, zeigt bitte andere Ansätze auf.