通过可见性工具控制可见性,不会影响物件的实际空间。
使用可见性通用类别设置元素的 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);
}