Bootstrap/docs/4.5/utilities/image-replacement

来自菜鸟教程
跳转至:导航、​搜索

在GitHub上查看

图像替换

用图像替换类交换背景图像的文本。

警告

The text-hide() 从v4.1开始不推荐使用class和mixin。 它将在v5中完全删除。


利用 .text-hide class或mixin,以帮助用背景图像替换元素的文本内容。

使用 .text-hide 类,以保持标题标签的可访问性和SEO优势,但希望利用 background-image 而不是文字。

引导

<h1 class="text-hide" style="background-image: url('/docs/4.5/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;"> 引导 </h1>