28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde !
Je fréquente site depuis un bout de temps, mais c'est mon premier message sur votre forum Smiley smile

Je viens vers vous car j'ai un problème.
J'ai une div, et je voudrait que son background reste fixe peut importe la résolution, un peu comme le propose l'astuce de Simon-K ici.

Donc en gros, sur mon CSS, voilà ce que j'ai :

#content {
    position: relative;
    z-index: 1;
    margin:0;
    padding:0;
    height: 270px;
    width: 100%;
    box-shadow: 0px 0px 40px black;
    background-size: cover;
    background: url("../img/shell.jpg") no-repeat top center fixed;
}


Et ce qu'il se passe, c'est que mon arrière-plan reste au centre. Il ne s'adapte pas.

Je ne sais pas si j'ai été super claire mais j’espère que vous avez saisi mon problème...
Un coup de main serait le bienvenu !

Merci d'avance.
Salut,

C'est la propriété fixed qui pose problème.

#content {
    background-size: cover;
    background: url("../img/shell.jpg") no-repeat 50%;
}


Je pense que ça devrait mieux marcher Smiley cligne .