in English
Ορατότητα
Ελέγξτε την ορατότητα των στοιχείων, χωρίς να τροποποιήσετε την εμφάνισή τους, με βοηθητικά προγράμματα ορατότητας.
Ορίστε τα visibility
στοιχεία με τα βοηθητικά προγράμματα ορατότητας. Αυτές οι κατηγορίες βοηθητικών προγραμμάτων δεν τροποποιούν καθόλου την display
τιμή και δεν επηρεάζουν τη διάταξη – .invisible
τα στοιχεία εξακολουθούν να καταλαμβάνουν χώρο στη σελίδα.
Τα στοιχεία με την
.invisible
κλάση θα είναι κρυφά
τόσο οπτικά όσο και για χρήστες βοηθητικής τεχνολογίας/αναγνώστη οθόνης.
Εφαρμόστε .visible
ή .invisible
όπως απαιτείται.
<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
Sass
Utilities API
Τα βοηθητικά προγράμματα ορατότητας δηλώνονται στο API των βοηθητικών μας προγραμμάτων στο scss/_utilities.scss
. Μάθετε πώς να χρησιμοποιείτε το API βοηθητικών προγραμμάτων.
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
)