Text ausblenden

[e7]

Hi,

ich bin zur Zeit am basteln einer Homepage, und designtechnisch möchte ich da natürlich noch sehr viel mehr basteln...

Jetzt hab ich bei csszengarden gesehen, dass die dort die Überschriften teilweise durch eigenen Bilder ersetzen, nur über CSS... Hab ich mir jetzt angesehen, und die machen das so:

<h3><span>So What is This About?</span></h3>

und das CSS dazu:

h3 span  
    {  
    display: none;  
    }

Jetzt stell ich mir aber die Frage: Mit CSS kann man doch alles machen, kann man damit auch den Inhalt von Elementen ausblenden, das Element selbst aber mit Hintergrund versehen?

Also so:

<h1 style="inline-text-display: none; background-image: blablabla; ">text</h1>

So dass nur das Hintergrundbild angezeigt wird, der Text in <h1> aber nicht?

Oder gibt es tatsächlich nur die Lösung mit einem <span> innerhalb von <h#>??

Falls ihr ne Lösung habt (und nur CSS, kein JavaScript oder so), her damit, das könnte ich an einigen Stellen (nicht nur bei Überschriften sondern auch bei Buttons, Links etc.) recht gut gebrauchen...

E7