影像替換

使用影像替換類別，將文字替換為背景影像。

text-hide() 類別和混合已於 v4.1 中棄用。它將在 v5 中完全移除。

使用 .text-hide 類別或混合，協助將元素的文字內容替換為背景影像。

<h1 class="text-hide">Custom heading</h1>

// Usage as a mixin
.heading {
  @include text-hide;
}

使用 .text-hide 類別，以維持標題標籤的可及性和 SEO 優勢，但想要使用 background-image 而不是文字。

Bootstrap

<h1 class="text-hide" style="background-image: url('...');">Bootstrap</h1>