Bootstrap系列之图片替换

目录


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

警告
text-hide()类和mixin在v4.1中已被弃用。它将在v5中被完全删除。

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

<h1 class="text-hide">Custom heading</h1>
// Usage as a mixin
.heading {
    
    
  @include text-hide;
}

使用.text-hide类来保持标题标签的可访问性和SEO优势,但希望使用背景图像而不是文本。

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

在这里插入图片描述


后记

如果你感觉文章不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※!!!

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_62277266/article/details/125114939
今日推荐