Background size 100 % crossbrowser

Les dejo enlaces de 4 opciones que pueden utilizar con jQuery para esa tarea tan revoltosa de poner background a la pagina, eso claro al 100% del largo.

La primera forma es solo para browsers con webkit y modernos, este metodo simplemente nos apoyamos de las instrucciones nativas de CSS3

background-size: 100%;

Funciona para:  iE9, firefox, chrome, safari, opera. (no les pongo version porque desde la version 3.6 es soportada, ademas los webkit se actualizan continuamente y son una bendicion del creador, por el otro lado, la cosa esa puras fallas, verdad del creador...)

jQuery BackStretch

Les pongo la liga para que lo consulten y lo utilizen, este actualmente lo estoy ocupando en algunos sitios y me ha demostrado una compatibilidad desde iE8, aunque en la pagina garantizan la funcionalidad desde ie7

La instruccion es muy sencilla, solo una linea de codigo, muy ecologico por cierto.

  $.backstretch("http://dl.dropbox.com/u/515046/www/garfield-interior.jpg");


Enlace
http://srobbin.com/jquery-plugins/backstretch/

En un ratito les pongo los demas, no me acuerdo de sus paginas web, pero siquieren googlear aqui les dejo los nombres

  1. smartBackgroundResize
  2. Supersized
  3. jQuery AnyStretch
  4. jQuery Fullscreen background   Enlace aqui

Esos tambien los ocupe alguna vez, pero tienen sus detalles con iexplorer, quizas las versiones mas recientes ya las tengan solucionadas.

 

Back to Top