- 显示或隐藏(能见度)处理
显示或隐藏(能见度)处理
使用可见性实用工具集控制元素的可见性,而不需要修改显示。
使用通用样式的 visibility
元属,这不会改变元素的 display
值,并且有助于大部分使用者隐藏内容,但仍然保留在屏幕阅读器中。
根据需要选用 .visible
或 .invisible
两个Class样式。
<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);
}