15/01/2012, 06:56
|
| | | Fecha de Ingreso: enero-2012 Ubicación: Santander
Mensajes: 1
Antigüedad: 12 años, 10 meses Puntos: 0 | |
 Repeat Background - Seccion de una imagen
Hola muy buenas a todos, soy nuevo en forosdelweb y tengo una duda que no consigo solucionar desde hace tiempo, creo que podría ayudar a amenizar la carga de las imágenes de cualquier web. Les comento:
Mi idea es colocar todas las imágenes que necesite en en una misma, tipo
youtube ( http://s.ytimg.com/yt/imgbin/www-refresh-vflcB5eQ_.png )
o
twitter ( http://a0.twimg.com/a/1326412195/t1/img/twitter_web_sprite_icons.png )
el problema llega cuando quiero colocar un background-repeat. Busco hacer, de cualquier manera ( css, script o lo que sea ), que se seleccione una parte de esta imagen y que sea esta y solo esta parte la que se repita todo el rato, me explico, si colocásemos un repeat-x común, a una parte de la imagen de twitter, se repetiría toda la imagen horizontalmente todo el tiempo, cuando lo que busco es que solo se repita una parte de 1x30 px solamente ( por ejemplo ), que se encuentre en el medio de la imagen o en cualquier lado, evitando que se repita todo el ancho de la imagen.
La solucion que encontre en un principio, era por ejemplo, teniendo una imagen de 10x30 px, y queriendo que se repita el fondo que se encuentra en 5x1 px fue usando background-size, quedando el código asi:
background: url(../ruta/imagen.png) repeat-x 5000px -0px;
background-size:10000px 30px;
pero pronto lo descarte por la poca compatibilidad de ese comando css.
La solución que tengo aora es colocar las imágenes-fondo verticalmente en una imagen de 1x300, ya que a la hora de hacer repeat-x, no interfiere ningún otro trozo de la imagen, pero esto no me soluciona nada ya que no puedo juntar todas mis imágenes en una misma como desearía.
Un saludo y gracias de antemano ;) |