Απόκρυψη κειμένου με χρήση css
Έχω μια ετικέτα στην html μου ως εξής:
<h1>My Website Title Here</h1>Χρησιμοποιώντας css θέλω να αντικαταστήσω το κείμενο με το πραγματικό μου λογότυπο. Έχω το λογότυπο εκεί χωρίς πρόβλημα μέσω αλλαγής μεγέθους της ετικέτας και τοποθέτησης μιας εικόνας φόντου μέσω css. Ωστόσο, δεν μπορώ να καταλάβω πώς να απαλλαγώ από το κείμενο. Το έχω δει να γίνεται πριν, βασικά σπρώχνοντας το κείμενο από την οθόνη. Το πρόβλημα είναι ότι δεν μπορώ να θυμηθώ πού το είδα.
Ο πιο φιλικός τρόπος για όλους τους φυλλομετρητές είναι να γράψετε την HTML ως
<h1><span>Website Title</span></h1>στη συνέχεια, χρησιμοποιήστε CSS για να αποκρύψετε το span και να αντικαταστήσετε την εικόνα
h1 {background:url(/nicetitle.png);}
h1 span {display:none;}Αν μπορείτε να χρησιμοποιήσετε CSS2, τότε υπάρχουν κάποιοι καλύτεροι τρόποι χρησιμοποιώντας την ιδιότητα content, αλλά δυστυχώς ο ιστός δεν είναι ακόμα 100% έτοιμος.
μπορείτε να χρησιμοποιήσετε την ιδιότητα css background-image και το z-index για να διασφαλίσετε ότι η εικόνα παραμένει μπροστά από το κείμενο.
Η απάντηση είναι να δημιουργήσετε ένα span με την ιδιότητα
{display:none;}
Μπορείτε να βρείτε ένα παράδειγμα στο αυτή η ιστοσελίδα
