Text mit css ausblenden

Ich habe ein Tag in meinem html wie dieses:

<h1>My Website Title Here</h1>

Mit css möchte ich den Text durch mein aktuelles Logo ersetzen. Ich habe das Logo dort kein Problem über die Größe des Tags und setzen ein Hintergrundbild in über css. Allerdings kann ich nicht herausfinden, wie ich den Text loswerden kann. Ich've gesehen, es vor im Grunde durch Drücken der Text aus dem Bildschirm getan. Das Problem ist, ich kann mich nicht erinnern, wo ich es gesehen habe.

Josh Crozier
Bearbeitete Frage 14. September 2014 в 4:50
Programmierung
css
23. Januar 2009 в 1:19
39 Aufrufe

Der browserfreundlichste Weg ist es, das HTML wie folgt zu schreiben

<h1><span>Website Title</span></h1>

zu schreiben und dann CSS zu verwenden, um den Span auszublenden und das Bild zu ersetzen

h1 {background:url(/nicetitle.png);}
h1 span {display:none;}

Wenn Sie CSS2 verwenden können, dann gibt es einige bessere Möglichkeiten, die content Eigenschaft zu verwenden, aber leider ist das Web noch nicht 100%ig fertig.

Robert
Bearbeitete Antwort 2. Juli 2015 в 12:26
Kommentare (4)

Sie können die css-Eigenschaft "Hintergrundbild" und "z-index" verwenden, um sicherzustellen, dass das Bild vor dem Text bleibt.

Linus Caldwell
Bearbeitete Antwort 6. Juni 2013 в 4:04
Kommentare (0)

Die Antwort ist die Erstellung eines Bereichs mit der Eigenschaft

{Anzeige:keine;}

Ein Beispiel finden Sie auf dieser Seite

Kommentare (1)