Το φόντο μιας ιστοσελίδας μπορεί να συνδέεται με το περιεχόμενό της ή να συμπεριφέρεται ανεξάρτητα από αυτήν. Στην πρώτη περίπτωση, κατά την κύλιση περιεχομένου στο παράθυρο του προγράμματος περιήγησης, η εικόνα φόντου θα μετακινηθεί επίσης, ενώ στη δεύτερη, μπορεί να παραμείνει στάσιμη. Για να εφαρμόσετε ένα σταθερό φόντο σελίδας, θα πρέπει να χρησιμοποιήσετε τη γλώσσα περιγραφής στυλ CSS - μόνο μπορεί να εγγυηθεί την ίδια συμπεριφορά φόντου σε διαφορετικούς τύπους προγραμμάτων περιήγησης.
Οδηγίες
Βήμα 1
Χρησιμοποιήστε την ιδιότητα παρασκηνίου-συνημμένου στο CSS για να καθορίσετε εάν το φόντο της σελίδας πρέπει να είναι σταθερό ή μετακινούμενο. Συνολικά, αυτή η ιδιότητα μπορεί να έχει τρεις τιμές - εάν δεν καθορίσετε καμία από αυτές, τότε από προεπιλογή το συνημμένο φόντο θεωρείται κύλιση. Με αυτήν την τιμή, η εικόνα φόντου μετακινείται μαζί με το περιεχόμενο της σελίδας. Η τιμή κληρονομιάς αντιγράφει τη συμπεριφορά φόντου του γονικού στοιχείου και η σταθερή τιμή καθιστά την εικόνα φόντου ανεξάρτητη από το περιεχόμενο - παραμένει σταθερή όταν γίνεται κύλιση της σελίδας. Πρέπει να το χρησιμοποιήσετε.
Βήμα 2
Ετοιμάστε τις οδηγίες CSS για χρήση στις σελίδες που θέλετε να διορθώσετε το φόντο. Εάν δεν θα τοποθετήσετε τον κώδικα CSS σε ένα αρχείο περιγραφής εξωτερικού στυλ, τότε αυτές οι οδηγίες πρέπει να τοποθετηθούν μεταξύ των ετικετών στυλ ανοίγματος και κλεισίματος:
// θα υπάρχουν περιγραφές στυλ
Η περιγραφή της συμπεριφοράς φόντου σελίδας πρέπει να συνδέεται με το στοιχείο BODY - στην ορολογία CSS θα ονομάζεται "επιλογέας" και θα γραφτεί ως εξής: BODY {
// οι περιγραφές του σώματος της σελίδας θα είναι εδώ
} Οι ιδιότητες που σχετίζονται με αυτόν τον επιλογέα πρέπει να τοποθετούνται μέσα σε σγουρά τιράντες, χωρισμένα με ερωτηματικά: BODY {
φόντο-συνημμένο: σταθερό;
background-image: url (εικόνες / BG.gif);
} Η πρώτη γραμμή καταγράφει την εικόνα φόντου και η δεύτερη δείχνει τη διεύθυνση του αρχείου που περιέχει την εικόνα φόντου, σε σχέση με τη διεύθυνση της σελίδας. Αυτές οι δύο γραμμές μπορούν να γραφτούν σε μια σύνθετη δήλωση CSS όπως αυτή: background: url (images / BG.gif) fixed;
Βήμα 3
Επικολλήστε όλο τον κώδικα για να διορθώσετε το φόντο στο κείμενο της σελίδας. Στην τελική του μορφή, μπορεί να μοιάζει με αυτό:
BODY {background: url (images / BG.gif) σταθερό;}
Φυσικά, πρέπει να αντικαταστήσετε τη θέση και το όνομα του αρχείου εικόνας φόντου. Είναι καλύτερο να τοποθετήσετε τον κωδικό πριν από την ετικέτα, αν και αυτό δεν είναι απαραίτητη προϋπόθεση.
