Usynlig tekst på baggrundsbillede

Hej eksperter,

Jeg ville høre om der var nogen der vidste hvordan man laver usynlig tekst på et baggrundsbillede.

Jeg har altså:

h1.banner {
  background-image:url(banner.gif);
}

og vil kalde den med:

<h1 class="banner">XYZ' banner</h1>

Men teksten "XYZ's banner" skal være usynlig, fordi banneren viser det grafisk.

Men jeg vil gerne have teksten i h1 tag'en med for at kunne indekserer efter den.

Hvordan skal jeg så lave min h1.banner {} ??