Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/09/2015, 15:17
moscrates
 
Fecha de Ingreso: julio-2008
Mensajes: 366
Antigüedad: 15 años, 9 meses
Puntos: 7
Imagen fullscreen

Hola

Otra vez me encuentro con la necesidad de acudir a ustedes con este tema de los css el cual no se me da del todo.

la idea es:

[/url]


la parte azul es un menu que ya tengo (<header>)

la parte naranja debe de ser una imagen (<section>)
que ocupe todo en full screen, por la que utilice esto

Código CSS:
Ver original
  1. body {
  2.   background-image: url(images/background-photo.jpg);
  3.   background-position: center center;
  4.   background-repeat: no-repeat;
  5.   background-attachment: fixed;
  6.   background-size: cover;
  7.   background-color: #464646;
  8. }
lo cual se acopla bien al body pero a la section

pero el problema principal son lo cuadros rojos
que no tengo idea de como ponerlos
son imagenes (gif) de deben de ir por encima de la otra ( area naranja)
y que se mantengan en su lugar cuando el tamaño de la pantalla cambie.

cualquier ayuda se los agradezco, una liga una breve explicación, un ejemplo sencillo, una pista para investigar.

saludos