?
This document uses PHP Chinese website manual Release
使用圖像替換類交換背景圖像的文本。
利用.text-hide
類或mixin幫助用背景圖像替換元素的文本內容。
<h1 class="text-hide">Custom heading</h1>
// Usage as a mixin.heading { @include text-hide;}
使用.text-hide
該類來維護標題標簽的可訪問性和搜索引擎優(yōu)化的好處,但希望利用background-image
而不是文本。
<h1 class="text-hide" style="background-image: url('/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>