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

Dúvida no Ex. 7 da Aula 9 - Nem tudo é o que parece

Estava pesquisando mais cobre o assunto, vi que esse tipo de técnica é bem antigo e pode causar bugs em alguns dispositivos modernos, portanto venho deixar aqui uma dica para o pessoal que esta passando por aqui:

<span class="show-image">Meu Texto<span>


.show-image {
    background-image: url(minhaimagem.png)
    width: 100px;
    height: 100px;
}

.show-image {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

simples, não da bug, e não demorar mais pra renderizar 99999999

2 respostas

algum motivo especial para repetir duas vezes o mesmo seletor?

solução!

Sensacional mas as imagens ficaram um pouco estranhas aparecendo algum resíduo .. eu fiz uma pequena adaptação adicionei o fonte-size:0 logo meu css ficou assim show-image { width:40px; height:40px; display:inline-block; text-indent: 100%; font-size: 0; overflow: hidden; }

não sei para que serviu esse atributo "white-space: nowrap;" não estava influenciando em nada no meu caso... acabei tirando.

espero ter ajudado