Fond d'écran plus foncé css
Résolu
barale61
Messages postés
1126
Date d'inscription
Statut
Membre
Dernière intervention
-
barale61 Messages postés 1126 Date d'inscription Statut Membre Dernière intervention -
barale61 Messages postés 1126 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je souhaite mettre mon fond d'écran plus foncé sans retoucher l'image en css et j'essaie avec opacity mais le résultat ne me convient pas; Cette solution ci-après rend mon texte moins apparent mais pas le contraire.
Je vous remercie de votre aide.
Je souhaite mettre mon fond d'écran plus foncé sans retoucher l'image en css et j'essaie avec opacity mais le résultat ne me convient pas; Cette solution ci-après rend mon texte moins apparent mais pas le contraire.
html {
background: url(../images/background.jpg) no-repeat center fixed;
background-size: cover;
opacity: 1;
filter:alpha(opacity=1);
}
Je vous remercie de votre aide.
2 réponses
-
Merci beaucoup en fait j'ai gardé html car cela me faisait un décalage en haut malgré une initialisation.
-
-
salut
le décalage se regle en mettant margin:0; et padding:0; a body avec css
pour une image plus sombre tu peux rajouter un div en fixed par dessus le body (avec z-index) mais en dessous de tout le reste tu lui mets un background black et tu regle l'opacity à 0.5 (a regler) et hop ca assombri ce qui est dessous.
la solution la meilleur étant quand meme de retoucher l'image (gimp est gratuit) -
-
-
-
Alors déjà le mieux est de mettre un fond sur le body et non sur l'html
Ensuite tu peux le faire avec un box shadow inset
-webkit-box-shadow: inset 0px 0px 300px 200px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 0px 300px 200px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 300px 200px rgba(0,0,0,0.3);
