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

2

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

Quizas te interese   Como centrar un div con jQuery

2 COMENTARIOS

Dejar una respuesta

Please enter your comment!
Please enter your name here