Sichtweite

Steuern Sie die Sichtbarkeit von Elementen mit Sichtbarkeitsdienstprogrammen, ohne die Anzeige zu ändern.

Legen Sie die visibilityElemente mit unseren Sichtbarkeitsdienstprogrammen fest. Diese Hilfsklassen ändern den displayWert überhaupt nicht und wirken sich nicht auf das Layout aus – .invisibleElemente nehmen weiterhin Platz auf der Seite ein. Inhalte werden sowohl visuell als auch für Benutzer von Hilfstechnologien/Screenreadern ausgeblendet.

Bewerben .visibleoder .invisiblenach Bedarf.

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

// Usage as a mixin
// Warning: The `invisible()` mixin has been deprecated as of v4.3.0. It will be removed entirely in v5.
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}