Μερικές φορές η πρόθεση του σχεδιαστή απαιτεί η εικόνα φόντου να παραμείνει ακίνητη καθώς ο επισκέπτης μετακινεί το περιεχόμενο της σελίδας. Αυτό μπορεί να γίνει αλλάζοντας την προεπιλεγμένη ρύθμιση συμπεριφοράς φόντου χρησιμοποιώντας οδηγίες CSS (Cascading Style Sheets).
Οδηγίες
Βήμα 1
Προσθέστε μια περιγραφή στυλ για το μπλοκ σώματος στο έγγραφο ιστού σας που περιέχει μια ιδιότητα συνημμένου παρασκηνίου που έχει οριστεί ως σταθερή και το φόντο της σελίδας θα παραμείνει στάσιμο καθώς μετακινείται το έγγραφο. Αυτή η μέθοδος καθορισμού του φόντου θα λειτουργήσει σε όλα τα προγράμματα περιήγησης που υποστηρίζουν οποιοδήποτε από τα τρέχοντα πρότυπα CSS ξεκινώντας από την έκδοση 1.0. Εκτός από την σταθερή τιμή, τα πρότυπα παρέχουν δύο ακόμη επιλογές για αυτήν την ιδιότητα - κύλιση και κληρονομιά. Εάν δεν έχει καθοριστεί τιμή για συνημμένο στο παρασκήνιο στις περιγραφές στυλ εγγράφου, τότε θεωρείται ότι ορίζεται για κύλιση από προεπιλογή. Σε αυτήν την περίπτωση, το φόντο θα μετακινηθεί μαζί με την κύλιση του περιεχομένου της σελίδας. Η τιμή κληρονομιάς υποδεικνύει ότι η ίδια τιμή θα πρέπει να χρησιμοποιηθεί για την ιδιότητα συνημμένου παρασκηνίου αυτού του στοιχείου όπως και για το γονικό στοιχείο.
Βήμα 2
Προσθέστε ένα χαρακτηριστικό στυλ στην ετικέτα για τη σελίδα που θέλετε και προσθέστε μια περιγραφή στυλ για να διορθώσετε το φόντο. Για παράδειγμα, μπορεί να μοιάζει με αυτό: Μπορείτε επίσης να καθορίσετε τη διεύθυνση της εικόνας φόντου εδώ:. Αντικαταστήστε τη διεύθυνση και το όνομα της εικόνας (img / pic.gif) με τις δικές σας τιμές. Αυτή η μέθοδος είναι βολική επειδή απαιτεί τις λιγότερες αλλαγές στον κώδικα της σελίδας, αλλά πιο συχνά η περιγραφή των στυλ τοποθετείται σε ξεχωριστό μπλοκ στην κεφαλή του εγγράφου ή ακόμα και σε ξεχωριστό αρχείο.
Βήμα 3
Εάν θέλετε να χρησιμοποιήσετε ένα ξεχωριστό μπλοκ CSS με οδηγίες για τη διόρθωση του φόντου της σελίδας, τότε τοποθετήστε πριν από την ετικέτα προέλευσης, για παράδειγμα, τις ακόλουθες γραμμές:
BODY {background: url (img / pic.gif) σταθερό;}
Μην ξεχάσετε να συμπεριλάβετε το σωστό όνομα και τη διεύθυνση της εικόνας φόντου αντί για img / pic.gif.
