Πώς να δημιουργήσετε: στατικές εικόνες
- Προηγούμενη σελίδα Παρουσίαση της ομάδας
- Επόμενη σελίδα Αναστροφή εικόνας
Μάθετε πώς να δημιουργήσετε στατικές εικόνες χρησιμοποιώντας το CSS.
στατικά εικόνες
Σημείωση:Αυτό το παράδειγμα δεν ισχύει για τον Internet Explorer ή το Edge 15 και τις προηγούμενες εκδόσεις.
στατικά εικόνες
img.sticky {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
έχει ρυθμιστεί position: sticky; στοιχεία θα τοποθετηθούν ανάλογα με τη θέση του κουμπιού του χρήστη.
Οι στατικοί στοιχεία εναλλάσσονται μεταξύ της σχετικής τοποθέτησης και της στατικής τοποθέτησης, ανάλογα με τη θέση του κουμπιού. Πριν φτάσει στον καθορισμένο απόκλιση στην οθόνη, θα είναι στη σχετική τοποθέτηση - στη συνέχεια θα "κολλήσει" στη θέση αυτή (όπως position:fixed）。
Σημείωση:O Internet Explorer, το Edge 15 και οι προηγούμενες εκδόσεις δεν υποστηρίζουν τη στατική τοποθέτηση. Το Safari χρειάζεται ένα -webkit- Προκαταρκτικός χαρακτήρας (βλέπε παράδειγμα). Για να λειτουργήσει η στατική τοποθέτηση, πρέπει τουλάχιστον να καθοριστεί άνω、δεξιά、κάτω ή αριστερά μιας από τις.
Σχετικές σελίδες
Εκμάθηση:CSS εικόνα
Εκμάθηση:CSS τοποθέτηση
- Προηγούμενη σελίδα Παρουσίαση της ομάδας
- Επόμενη σελίδα Αναστροφή εικόνας
