Buen día tengan todos.
Tengo una página estructurada más o menos así
Código HTML:
<html>
<head>
</head>
<body>
<div class='container'>
<header>
</header>
<div class='sidebar'>
<aside>
</aside>
</div>
<section>
<article>
</article>
<section>
<footer>
</footer>
</div>
</body>
</html> Y
sólo los fondos en el CSS están así:
Código HTML:
html, body {
background-image:url('../picture/background.png');
background-attachment:fixed;
}
.container {
background-color:#FFFFFF;
}
nav, aside {
background-color:#003366;
}
section {
background-color:#FFFFFF;
}
article {
background-color:#FFFFFF;
}
footer {
}
El fondo del footer queda en color blanco. La pregunta es: ¿cómo puedo dejar como fondo en el footer la imagen del body? He intentado varios métodos como el background-color:transparent; y pues sigue en blanco porque el fondo del .container igual está en blanco. Le incrusto la misma imagen de fondo pero queda desalineada con la misma del body. Tampoco lo quiero sacar del .container porque
no sé por qué se descuadra la página.
Espero puedan proporcionarme su ayuda, gracias de antemanos.
¡Saludos!