Deux images d'arrière-plan séparées

Question

Je souhaite que ma page comporte deux images d'arrière-plan: une en haut et une en bas. Je ne les veux pas statiques, cependant. Comment ferais-je cela?

Answer 1

Cela dépend vraiment de ce à quoi vous avez besoin de la page et des images d'arrière-plan. Si vous voulez une solution vous devez poster plus de détails de préférence avec une image composite de ce que la page devrait ressembler et un exemple des images par elles-mêmes.

que dit d'une façon peut-être:

html {backgoround: trasnparent url(/path/to/image) scroll no-repeat top center;} 
body {backgoround: trasnparent url(/path/to/other-image) scroll no-repeat bottom center;} 

Answer 2

Utilisez des div avec des images d'arrière-plan et placez-les de manière appropriée, soit en utilisant votre mise en page, soit avec les attributs de positionnement. Vous pouvez prendre celui pour le haut, le mettre dans un div qui est absolument positionné et z-indexé pour être en dessous de votre page normale. Ensuite, l'autre pourrait être mis dans le style du corps et placé au fond.

Answer 3

Faire deux couches imbriquées avec marge zéro et le rembourrage, comme suit:

<div class="outer"> 
    <div class="inner"> 
    <!-- Page goes here. --> 
    </div> 
</div> 

Puis ont un arrière-plan d'image séparé pour extérieur et intérieur, une fixée à la partie supérieure, une fixée à la partie inférieure:

.outer { 
    background-position: bottom; 
    // ... 
} 

.inner { 
    background-position: top; 
    // ... 
}