Hola pzin, primero gracias por responder.
No tengo ninguna url en la que puedas ver como lo llevo, ya que estoy trabajando en local.
En cuanto al código, pues te pongo el código que afecta a las secciones en cuestión
Código:
#principal {
background: url(../images/bg_principal.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Todas las demás secciones son iguales, solo que cambian el nombre, y la imagen de fondo. Y pertenecen a una clase que he llamado seccion:
Código:
.seccion {
height: 980px;
padding: 0;
margin: 0;
width: 100%;
max-width: 1920px;
position: relative;
margin: 0 auto;
border-top: 1px solid rgba(255,255,255,0.3);
border-bottom: 1px solid rgba(0,0,0,0.4);
box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
Luego en la página pongo:
Código:
<div id="principal" class="seccion">
Y aquí el contenido de la sección
</div>
Como dije al principio, todo funciona correctamente, a excepción de los dispositivos móviles que llevan IOS 7, debido a que no ajustan la imagen de fondo.
Un saludo y gracias de nuevo ;)