9 Técnicas para sustituir texto por imágenes con CSS

Escrito el Lunes, 8 febrero, 2010

La sustitución de imágenes con CSS es una forma de sustituir textos de nuestro sitio por imágenes. Un ejemplo de esta técnica seria poder reemplazar el <h1> de nuestro sitio por nuestro logo sin perder los beneficios en cuestiones SEO.

Un ejemplo de esto sería

 
<h1 id="logo">  
<span> Intenta </span>  
</h1>

Y el CSS

 
h1#logo {
   width: 250px;
   height: 25px;
   background-image: url(logo.gif);
 }
 
h1#logo span {
   display: none;
}

En CSS Tricks publican 9 tecnicas para sustituir texto por imágenes con CSS

Related Posts with Thumbnails

Tags: , , ,

Si te gustaron los contenidos del blog, podes suscribirte por medio del RSS y estar al tanto de todas las actualizaciones.

Suscribite al Feed

  1. Hay 2 opiniones en “9 Técnicas para sustituir texto por imágenes con CSS”

  2. El Lunes, 8 febrero, 2010 Marcelo dijo

    Está bien el ejemplo, pero faltaría el span en el HTML sino se mostraría el texto (además de la imagen de fondo)… ;)

  3. El Lunes, 8 febrero, 2010 pablo dijo

    Tenes razón, se me escapo, ahora lo arreglo. Muchas gracias por avisar!

Que opinas de esto ?