background responsive con repeat-x

[witchy]

Hola, necesito redimencionar el background para que se vea bien en todos los dispositivos, pero necesito que se cumpla background-repeat: repeat-x; muchisimas gracias y saludos

Código CSS:

body {
    margin-top: 0px;
    background-image: url(../images/bg-body.jpg);
    background-repeat: repeat-x;
}
 

[pzin]

¿Puedes publicar la imagen? Yo no entiendo muy bien el problema, tal vez viendo la imagen sería más fácil. Puedes subirla a imgur o algún servicio parecido y usa [IMG]url[/IMG] para publicarla.

Cuando publiques código, usa la opción highlight.

[witchy]

Hola y gracias,este es el link de la imagen en imgur http://imgur.com/dmKPiMF

[pzin]

Prueba con:

Código CSS:

background-size: 100%;
 

A ver si te vale así.

[witchy]

No me funciono bien sorry, se pone muy grande la imagen y me cambia el diseño, lo reduje al 30% pero cuando encojo el navegador no se ve bien...saludos y gracias

[pzin]

Bueno, realmente ese fondo no parece que sea un fondo. Parece más bien parte de un diseño. Tal vez sería más recomendable poner el diseño donde tenga que ir que usar un fondo.

Aunque no sé, todo depende de qué es lo que es realmente y cómo quieres que quede, que aún no me queda claro.

[witchy]

El diseño que quiero lograr es el siguiente puse una imagen en imagur esta es la direccion http://imgur.com/QpvBSim y el background es el fondo, el diseño original esta forma de tablas y me pidieron que lo llevara a bootstrap pero estoy utilizando las imagenes que tiene, con el background-size: 100% cuando achico el navegador no me queda bien...

No entendi que quieres decir con esto " Tal vez sería más recomendable poner el diseño donde tenga que ir que usar un fondo. " Saludos y gracias