Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/06/2015, 17:23
Avatar de AngelKrak
AngelKrak
 
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: Fondo full size (toda la pantalla) en una capa

ese es el efecto Parallax amigo ;) ahi te dejo un ejemplo y codigo ;)

HTML:
Código HTML:
Ver original
  1. <script src="https://css-tricks.com/examples/StarryNightMoving/js/jquery-1.3.2.min.js" type="text/javascript"></script>
  2. <script src="https://css-tricks.com/examples/StarryNightMoving/js/jquery.backgroundPosition.js" type="text/javascript"></script>
  3. <script type="text/javascript">
  4.     $(function(){
  5.       $('#background').css({backgroundPosition: '0px 0px'});
  6.  
  7.         $('#background').animate({
  8.             backgroundPosition:"(-10000px -2000px)"
  9.         }, 480000, 'linear');
  10.     });
  11.  
  12. <div id="background"></div>

CSS:
Código CSS:
Ver original
  1. #background {
  2.   max-height: 204px;
  3.   max-width: 1347px;
  4.     background: url(http://i3latam.com/wp-content/uploads/2014/08/bg-twitter.jpg) repeat 5% 5%;
  5.     position: absolute;
  6.     top: 0; left: 0; right: 0; bottom: 0;
  7.     z-index: 100;
  8. }

Demo:
http://codepen.io/AngelKrak/pen/pJpbqx