/ Published in: CSS
Esta técnica sirve para poner imágenes en elementos que originalmente son de texto. Por ejemplo en un etc. Por supuesto la clave está en mantener la accesibilidad.
Hay otra técnica que lo que hace es darle un indent al texto de -9999 para que no se vea y aplicar al elemento una imagen de fondo.
Hay otra técnica que lo que hace es darle un indent al texto de -9999 para que no se vea y aplicar al elemento una imagen de fondo.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
La parte HTML <h1 id="logo">Qbikode Solutions, S.L.<span></span></h1> La parte CSS (suporponemos la imagen al texto) h1#logo { height: 110px; overflow: hidden; position: relative; width: 560px; } h1#logo span { background: url(/img/logo.gif) no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
URL: http://trevordavis.net/blog/tutorial/the-6-most-important-css-techniques-you-need-to-know/