estaba echando una ojeada a un css de una web y he visto lo siguiente:
Código:
<ul>
<li class="all"><a href="#" >test</a></li>
<li class="all"><a href="#" >test</a></li>
<li class="all"><a href="#" >test</a></li>
<li class="all"><a href="#" >test</a></li>
<li class="extra"><a href="#">test</a></li>
</ul>
y su css:
Código:
#h #h-pri li.extra a {
background: url(/img/menu-current.gif) 0 -179px no-repeat;
}
#h #h-pri li.extra a:hover {
background: #e6f2d4 url(/img/menu-current.gif) 0 -149px no-repeat;
}
lo que hace, es poner una imagen de fondo muy pequeña sobre el link, pero he ido a la url de la imagen http:...../img/menu-current.gif he visto que era una imagen grande con muchos iconos.. todos los que se usan en parte de la web...
la especificación dice esto:
Cita: <medida> <medida>
Con un par de valores de '2cm 2cm', la esquina superior izquierda de la imagen es ubicada 2cm a la derecha y 2cm abajo de la esquina superior izquierda del área de relleno.
según deduzco se puede usar como fondo una parte de la imagen, dándole las coordenadas... pero mi pregunta es ¿no se le deberian pasar 4 coordenas? tipo
(2,3) (3,5) es decir, la coordenada delpixel de inicio y las coordenadas delpixel de fin?
en el ejemplo de antes:
Código:
background: url(/img/menu-current.gif) 0 -179px no-repeat;
se le especifica la coordenada de inicio (0, -179) pero no la del final...para saber donde acaba la porción de imagen que quiero mostrar.
sabeis algo al respecto?
gracias