Irudiaren ordezkapena

Trukatu testua atzeko planoko irudiekin, irudien ordezko klasearekin.

Abisua

Klasea eta mixin text-hide()zaharkituta geratu dira v4.1etik aurrera. Guztiz kenduko da v5.

Erabili .text-hideklasea edo nahasketa elementu baten testuaren edukia atzeko planoko irudi batekin ordezkatzen laguntzeko.

<h1 class="text-hide">Custom heading</h1>

// Usage as a mixin
.heading {
  @include text-hide;
}

Erabili .text-hideklasea goiburuen etiketen irisgarritasuna eta SEO abantailak mantentzeko, baina background-imagetestuaren ordez bat erabili nahi duzu.

Bootstrap

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