Comment réparer une couleur de fond?

Ma question, peut sembler très bête. Mais ce n'est pas le cas, même si je le pense.Comment réparer une couleur de fond?

J'ai un dégradé sur ma couleur de fond pour faire un effet sur l'image de fond qui est en dessous avec la position fixée.

body{ 
    background-image:url(...); 
    background-attachment: fixed; 
} 

body:after{ 
    content: ""; 
    display: block; 
    background-attachment: fixed; 
    position: absolute; 
    height: 100%; 
    width: 100%; 
    background: -moz-linear-gradient(-45deg, rgba(30,87,153,1) 0%, rgba(89,148,202,1) 62%,  rgba(95,154,207,0.7) 68%, rgba(125,185,232,0) 100%); 
}`

J'espère que j'ai été assez précis. Si vous avez besoin de plus d'informations, n'hésitez pas.

Merci!

Source

2013-07-03 Niko

Le problème est quoi exactement? – cimmanon

Alors qu'est-ce que vous essayez d'accomplir? Exemple? –

Je veux juste mettre un dégradé sur une image de fond. Et rien ne doit se déplacer quand je défile vers le bas. J'espère que vous comprendrez. – Niko

Si c'est ce que vous voulez:

une image d'arrière-plan fixe sur le corps
et un fond fixe au-dessus de cela, occultant la majeure partie de l'image d'arrière-plan

vous » ll faut ajouter

top:0; left:0; 
z-index:-1;

au body::after, et changer son position:absolute à position:fixed.
L'index z est nécessaire, sinon le :: after serait au-dessus du contenu du corps lui-même.

Voir jsfiddle.

Source

2013-07-03 18:54:31

Merci beaucoup. Cela fonctionne avec la position: fixe. – Niko

Comment réparer une couleur de fond?

Répondre

Questions connexes