-9999px … meh: Melhor substituição de imagem

• Todo o crédito por isso vai para Scott Kellum via Jeffrey Zeldman

-9999px funciona perfeitamente. Mas o navegador tem que funcionar para realmente tirar a caixa da tela. Não é tão bom para dispositivos, especialmente quando a tela tem apenas cerca de 320 px.

Aqui está um que dá menos trabalho para o navegador:

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

Isso só puxará a caixa do tamanho do recipiente em que ela está.