Απόκρυψη κειμένου με χρήση css

Question

Περισσότερα

Πηγή Μη AMP-έκδοση Επεξεργασία

Απόκρυψη κειμένου με χρήση css

Έχω μια ετικέτα στην html μου ως εξής:

<h1>My Website Title Here</h1>

Χρησιμοποιώντας css θέλω να αντικαταστήσω το κείμενο με το πραγματικό μου λογότυπο. Έχω το λογότυπο εκεί χωρίς πρόβλημα μέσω αλλαγής μεγέθους της ετικέτας και τοποθέτησης μιας εικόνας φόντου μέσω css. Ωστόσο, δεν μπορώ να καταλάβω πώς να απαλλαγώ από το κείμενο. Το έχω δει να γίνεται πριν, βασικά σπρώχνοντας το κείμενο από την οθόνη. Το πρόβλημα είναι ότι δεν μπορώ να θυμηθώ πού το είδα.

Josh Crozier

Επεξεργασμένη ερώτηση Κάνε Σεπτέμβριος 2014 в 4:50

Προγραμματισμός

css

Κάνε Ιανουάριος 2009 в 1:19

30 προβολές

Chris Farmiloe · Answer 1 · 2009-01-23T01:26:12+00:00

Ο πιο φιλικός τρόπος για όλους τους φυλλομετρητές είναι να γράψετε την HTML ως

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

στη συνέχεια, χρησιμοποιήστε CSS για να αποκρύψετε το span και να αντικαταστήσετε την εικόνα

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

Αν μπορείτε να χρησιμοποιήσετε CSS2, τότε υπάρχουν κάποιοι καλύτεροι τρόποι χρησιμοποιώντας την ιδιότητα content, αλλά δυστυχώς ο ιστός δεν είναι ακόμα 100% έτοιμος.