Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

text-indent: -9999px;

Ola para todos. Vendo essa ultima aula eu notei bem estranha essa colocação

    text-indent: -9999px;

me parece uma 'gambiarra' (perdão por não encontrar uma palavra melhor) para esconder o texto. não existira mesmo uma maneira melhor de sumir com o texto??

3 respostas

Olá Guilherme, é uma gambiarra mesmo, infelizmente ainda não existe uma solução para isso.

solução!

Guilherme infelizmente é uma "gambiarra" boa pois se tornou padrão em casos como esse talvez deixando de ser uma gambiarra e sim uma alternativa, acredito que gambiarra seja um código que somente você fez para resolver um determinado problema, porém nesse caso ja se tornou prática.

Infelizmente para um site mais semântico e para um melhor resultado no SEO temos que utilizar dessa maneira.

Espero ter ajudado

Você pode usar:

text-indent: 100%;
white-space: nowrap; 
overflow: hidden;
background: url(LINK_DA_IMAGEM);
width: LARGURA;
height: ALTURA;

Continua sendo uma gambiarra, mas pelo menos não renderiza uma box de 9999px toda vez que for fazer um replacement.