Ιδιότητα Style backgroundImage

Δεφινοησία και χρήση

backgroundImage Ρύθμιση ή επιστροφή της εικόνας φόντου του στοιχείου.

Συμβουλή:Επιπλέον από την εικόνα φόντου, θα πρέπει επίσης να καθορίσετε τον χρωματισμό του φόντου. Αν η εικόνα δεν είναι διαθέσιμη, θα χρησιμοποιηθεί ο χρωματισμός του φόντου.

Δείτε επίσης:

Στυλ HTML:Ιδιότητα background

Εκμάθηση CSS3Πίσω φόντο CSS

Εκμάθηση CSS3Πίσω από το CSS3

Εγχειρίδιο CSS:Ιδιότητα background-image

Παράδειγμα

Παράδειγμα 1

Ρύθμιση της εικόνας φόντου του έγγραφου:

document.body.style.backgroundImage = "url('img_tree.png')";

Προσπαθήστε το προσωπικά

Παράδειγμα 2

Ρύθμιση της συγκεκριμένης εικόνας φόντου του στοιχείου <div>:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

Προσπαθήστε το προσωπικά

Παράδειγμα 3

Επιστροφή της συγκεκριμένης εικόνας φόντου του στοιχείου <div>:

alert(document.getElementById("myDiv").style.backgroundImage);

Προσπαθήστε το προσωπικά

Παράδειγμα 4

Επιστροφή της εικόνας φόντου του έγγραφου:

alert(document.body.style.backgroundImage);

Προσπαθήστε το προσωπικά

Γλωσσάρισμα

Επιστροφή της ιδιότητας backgroundImage:

όbject.style.backgroundImage

Ρύθμιση της ιδιότητας backgroundImage:

όbject.style.backgroundImage = "url('URL')|μηδέν|αρχική|υπόληψη"

Τιμή ιδιότητας

Τιμή Περιγραφή
url('URL) Θέση του αρχείου εικόνας.
μηδέν Δεν υπάρχει εικόνα φόντου. Προεπιλεγμένη.
αρχική Ρυθμίστε αυτήν την ιδιότητα στην προεπιλεγμένη τιμή της. Εξετάστε: αρχική.
υπόληψη Κληρονομεί αυτήν την ιδιότητα από το γονικό στοιχείο. Εξετάστε: υπόληψη.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: μηδέν
Αποτελεσμα: 字符串 που εκφράζει την εικόνα φόντου.
Έκδοση CSS: CSS1

Υποστήριξη περιηγητών

backgroundImage είναι χαρακτηριστικό CSS1 (1996).

Όλοι οι περιηγητές το υποστηρίζουν πλήρως:

Χρωμάτιο Ακτή Φαέρω Σαφάρι Όπερα IE
Χρωμάτιο Ακτή Φαέρω Σαφάρι Όπερα IE
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη