CSS 2 image en background

Si tu met ta main sur ton visage on voit quoi? Ta main!

Enlève donc ta main si tu veux voir ton visage ! 8O

visage = body
main = #all

 

le bg du #all doit être transparent pour que le bg du body apparait, si nn tu px nous laisser une capture d'écran de ta page

 

je trouve l'image du #all très bonne en arrière plan
tu doit juste ajouter un backgroundcolor en cas d'une page longue

 

Pourquoi ne pas mettre plutôt ton image 2 dans le body et rajouter à ce même body une couleur de fond unie ?

Ainsi:
1. Ton image de fond (celle du all) apparaît en premier plan
2. Une fois terminée, c'est le fond bleu uni qui prend le relais

Je dis ça car en fait ton image du body est un fond bleu uni non ?

 

Il suffit d'inverser les deux images non ?

Code:

body {
        background: url(../images/bkg-2.png) center top repeat-y;
   margin: 0;
   text-align: center;
}
#all{
width:100%;
float:left;
background: url(../images/bkg.png) center no-repeat;
}

Ca reviens à ce que dit frankM ... Pour aller dans ce sens (et redire ce qui est dis d'ailleurs !), c'est plus simple de faire une image transparente de l'ombre qui se répète verticalement et ajouter une couleur de fond au body, ça évite d'avoir une image très large en fond.

Il faut que l'image répétée verticalement soit derrière l'image non répétée, donc dans le body.