CSS Ιδιοκτησία «διαφάνεια» - ένας απλός τρόπος για να κάνει το χώρο πιο ενδιαφέρουσα σχεδίαση

Σήμερα, η δημιουργία της ιστοσελίδας του σχεδιασμού γίνεται μια μορφή τέχνης. Αυτό δεν είναι απλώς ένα σύνολο σελίδα στοιχείων ενός συγκεκριμένου χρώματος και μεγέθους, γραμματοσειρές των διαφορετικών στυλ και θεματικά έργα ζωγραφικής. Για να κάνετε το site σας διαφορετικό από τα άλλα, για να προσελκύσουν την προσοχή των επισκεπτών και να την κατευθύνουν σε ορισμένα στοιχεία, χρησιμοποίησε ένα τεράστιο αριθμό των μεθόδων και εργαλείων. Ανάμεσά τους υπάρχει ένα πολύ δημοφιλές css ιδιοκτησίας - διαφάνεια. Αυτή η τεχνική είναι πολύ της μόδας και λαμπερή, και ως εκ τούτου χρησιμοποιείται συχνά. Η διαφάνεια μπορεί να δώσει διαφορετικά αντικείμενα των σελίδων του δικτυακού τόπου - μπλοκ κειμένου ή τη συνολική εικόνα, για παράδειγμα. Πέτυχε, επίσης, με διαφορετικούς τρόπους. Ας τα εξετάσουμε παρακάτω.

Παράμετροι προσδιορίζει τα στοιχεία της διαφάνειας

Παράμετροι για τη ρύθμιση της διαφάνειας των στοιχείων των πολλών. Χρησιμοποιούνται ανάλογα με τους ειδικούς στόχους, καθώς και το πρόγραμμα περιήγησης, το οποίο βρίσκεται κάτω από το «προσαρμοστεί» σχεδιασμό. Αυτές περιλαμβάνουν τις ακόλουθες ιδιότητες:

• αδιαφάνεια?
• φίλτρο?
• PNG εικόνα ως φόντο.

αξίας του ακινήτου css «διαφάνεια» αλλάζουν ως εξής: ο μεγαλύτερος είναι ο αριθμός, τόσο χαμηλότερο είναι το επίπεδο της διαφάνειας του στοιχείου. Η αδιαφάνεια, κυμαίνεται από 0 έως 1, στο φίλτρο - από 10 σε 100. Και η τελευταία χρησιμοποιείται για interet Explorer πρόγραμμα περιήγησης, καθώς και όλων των άλλων που ισχύουν ιδιοκτησίας αδιαφάνεια.

Διαφάνεια εικόνας (αλλαγή)

Ας ξεκινήσουμε με τις επιλογές που θα εμφανίζονται διαφανή όταν μετακινείτε το στοιχείο σύροντας το ποντίκι.

Ας δούμε πώς μπορείτε να καθορίσετε τη διαφάνεια της εικόνας. CSS προσφέρει δύο επιλογές. Για να το κάνετε αυτό, θα πρέπει να το δηλώσετε άμεσα σε κώδικα HTML εγγράφου ως εξής:

1. Καθορίστε τη διαδρομή στην εικόνα.
2. Ορίζουμε τις παραμέτρους της διαφάνειας, όταν ο δρομέας δεν είναι. Για να γίνει αυτό, χρησιμοποιούμε τις ιδιότητες της onMouseOver και onMouseOut, η οποία ορίζει την τιμή της αδιαφάνειας, και το φίλτρο.

Τα ίδια χαρακτηριστικά μπορεί να συνταγογραφηθεί σε CSS-εγγράφων και του πηγαίου κώδικα για να προσθέσετε μια αναφορά σε αυτό. Τα αποτελέσματα αποδεικνύονται το ίδιο.

Η διαφάνεια του κειμένου και της σελίδας μπλοκ

Όσο για το κείμενο ή το μπλοκ (διαφανές div), css προσφέρει την επιλογή του, παρόμοια με τη δημιουργία ενός διαφανούς εικόνα, θα πρέπει να χρησιμοποιήσετε τη συνδεδεμένη css αρχείο, στο οποίο καθορίζονται οι επιθυμητές παραμέτρους. Μπορείτε να πάτε και απλούστερο τρόπο. Όταν ρυθμίζετε το μπλοκ στυλ στυλ div ή κειμένου σ προδιαγράψει το ακόλουθο HTML κώδικα για να onMouseOver και onMouseOut στοιχεία. Και οι δύο επιλογές εργάζονται και να παράγουν το επιθυμητό αποτέλεσμα.

σταθερή διαφάνειας

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

στοιχείο CSS για τη διαφάνεια θα πρέπει να δίνεται από τον ακόλουθο κώδικα. Στο μπλοκ στυλ div συνταγογραφήσει τιμές για το φόντο (π.χ., # ff8800), αδιαφάνεια (π.χ., 0.5) και το πλάτος (πλάτος) και παραγεμίσματος (padding).

Για την εικόνα οι τιμές κώδικα κάνει και το φίλτρο αδιαφάνεια, και καθορίστε τη διαδρομή προς την εικόνα.

RGBA-μέθοδος

Υπάρχουν και άλλες επιλογές για τη χρήση αυτού του CSS ιδιότητα: η διαφάνεια μπορεί να εφαρμοστεί στο βασικό χρώμα για κάθε στοιχείο του σχεδιασμού. Χρησιμοποιεί τη μέθοδο RGBA. Τα τρία πρώτα γράμματα αντιπροσωπεύουν τα βασικά χρώματα (κόκκινο, σχάση, μπλε), και το τελευταίο - άλφα, η οποία καθορίζει το επίπεδο της διαφάνειας. Χρησιμοποιώντας RGBA-format προβλέπει διαφάνειας, επισημαίνοντας ότι στο τελευταίο ψηφίο. Για παράδειγμα, όπως: φόντο: RGBA (240,2,33,0.4035).

συμπέρασμα

Έτσι, με τη χρήση κατά τη διάρκεια των εργασιών για το σχεδιασμό της ιστοσελίδας απλή αλλά αποτελεσματική λειτουργία css «διαφάνεια», μπορείτε να το κάνετε πιο ενδιαφέρουσα και πιο αισθητή στοιχεία με ελάχιστη προσπάθεια. Οι περιγραφόμενες εφαρμογές είναι προσαρμοσμένες δυνατότητες διαφάνειας θα σας βοηθήσει με αυτό.