• 显示或隐藏(能见度)处理

    显示或隐藏(能见度)处理

    使用可见性实用工具集控制元素的可见性,而不需要修改显示。

    使用通用样式的 visibility 元属,这不会改变元素的 display 值,并且有助于大部分使用者隐藏内容,但仍然保留在屏幕阅读器中。

    根据需要选用 .visible.invisible 两个Class样式。

    1. <div class="visible">...</div>
    2. <div class="invisible">...</div>
    1. // Class .visible {
    2. visibility: visible;
    3. }
    4. .invisible {
    5. visibility: hidden;
    6. }
    7. // Usage as a mixin
    8. .element {
    9. @include invisible(visible);
    10. }
    11. .element {
    12. @include invisible(hidden);
    13. }