图像替换
使用图象替换class样式类,实现文字与背景图的替换。
使用 .text-hide
class样或sass mixin来隐藏一个元素的文字内容并替换成背景图片。
使用.text-hide
class样式可以保持标签的亲和性及SEO优化需求,引入后,需要使用 background-image
属性来提供视觉展示,而不是文字内容(文字内容随即隐藏)。
Bootstrap
<h1 class="text-hide" style="background-image: url('/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>