能见度 | Visibility
能见度
控制具有可见性实用程序的元素的可见性,而不修改显示。
visibility
使用我们的可见性实用程序设置元素。它们根本不会修改display
值,并有助于隐藏大多数用户的内容,但仍然保留屏幕阅读器的内容。
根据需要适用.visible
或.invisible
。
<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
// Usage as a mixin
.element {
@include invisible(visible
}
.element {
@include invisible(hidden
}