in English
Thay thế hình ảnh
Hoán đổi văn bản cho hình nền với lớp thay thế hình ảnh.
Cảnh báo
Lớp text-hide()
và mixin đã không được chấp nhận kể từ v4.1. Nó sẽ bị loại bỏ hoàn toàn trong v5.
Sử dụng .text-hide
lớp hoặc mixin để giúp thay thế nội dung văn bản của phần tử bằng hình nền.
<h1 class="text-hide">Custom heading</h1>
// Usage as a mixin
.heading {
@include text-hide;
}
Sử dụng .text-hide
lớp để duy trì khả năng truy cập và lợi ích SEO của thẻ tiêu đề, nhưng muốn sử dụng background-image
thay vì văn bản.
Bootstrap
<h1 class="text-hide" style="background-image: url('...');">Bootstrap</h1>