Skip to main content

Sostituzione con immagine

Sostituisce il testo con una immagine di sfondo tramite la classe apposita.

Utilizza la classe .text-hide o il relativo mixin per sostituire del testo in un elemento con una immagine di sfondo.

<p class="text-hide">Testata personalizzata</p>
// Usato come mixin
.heading {
  @include text-hide;
}

Usa la classe .text-hide per mantere accessibile la pagina e i vantaggi SEO dei tags di intestazione pur utilizzando un’immagine di sfondo invece del testo.

Bootstrap Italia

<p class="text-hide" style="background-image: url('/docs/assets/img/favicons/favicon-32x32.png'); width: 32px; height: 32px;">Bootstrap Italia</p>