Image Replacement

Fahrner Image Replacement (FIR)

EXTRA diseño Web


<h2 class="uno"><span>EXTRA diseño Web</span></h2>

h2 {
background-image: url(xtra-logo.jpg);
width: 234px;
height: 60px;
}
span {
display: none;
}

 

Gilder/Levin Methode

EXTRA diseño Web


<h2 class="dos"><a href="..."><span></span>EXTRA diseño Web</a></h2>

h2 {
position: relative;
width: 234px;
height: 60px;
overflow: hidden;/* optional */
}
span {
background-image: url(xtra-logo.jpg);
position: absolute;
width: 100%;
height: 100%;
}

Índice Capítulo 8
Contenido material adicional