CSS opacity 属性

Ορισμός και χρήση

Η ιδιότητα opacity ορίζει το επίπεδο αδιαφάνειας του στοιχείου.

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

Εκμάθηση CSSCSS Εικόνα Αδιαφάνεια

Εκμάθηση CSSΧρώματα του CSS

Εγχειρίδιο HTML DOMΙδιότητα opacity

Παράδειγμα

Ρυθμίστε το επίπεδο αδιαφάνειας του στοιχείου div:

div
{
opacity:0.5;
}

Δοκιμάστε το προσωπικά

Μπορείτε να βρείτε περισσότερες παραδείξεις στο κάτω μέρος αυτής της σελίδας.

Γλώσσα CSS

opacity: value|inherit;

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

Τιμή Περιγραφή Δοκιμή
value Ορίζει την αδιαφάνεια. Από 0.0 (πλήρως διαφανές) έως 1.0 (πλήρως αδιαφανές). Δοκιμή
inherit Η τιμή της ιδιότητας opacity θα πρέπει να προκύπτει από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: 1
Εκμάθηση: no
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.opacity=0.5

Περισσότερες παραδείξεις

Αλλαγή της αδιαφάνειας του στοιχείου
Αυτό το παράδειγμα δείχνει πώς να αλλάζετε την αδιαφάνεια των στοιχείων χρησιμοποιώντας το JavaScript.

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

Οι αριθμοί στην τράπεζα δεδομένων δείχνουν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως την ιδιότητα.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

Σημειώσεις:Η έκδοση IE8 και οι προηγούμενες εκδόσεις υποστηρίζουν την εναλλακτική ιδιότητα filter. Π.χ. filter:Alpha(opacity=50);