Fond d'écran plus foncé css

Résolu
barale61 Messages postés 1214 Date d'inscription   Statut Membre Dernière intervention   -  
barale61 Messages postés 1214 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. 
  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.

A voir également:

2 réponses

Réponse 1 / 2
barale61 Messages postés 1214 Date d'inscription   Statut Membre Dernière intervention   110
 
Merci beaucoup en fait j'ai gardé html car cela me faisait un décalage en haut malgré une initialisation.
1
Utilisateur anonyme
 
Un décalage?
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
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)
0
Utilisateur anonyme
 
Il suffit juste de mettre un margin: 0 sur le body, et pas oublier un width et height 100% sur html, body
0
barale61 Messages postés 1214 Date d'inscription   Statut Membre Dernière intervention   110
 
Bonjour,
Je réponds un peur tard mais je reviens seulement. J'avais oublié de joindre mon reset.css et maintenant mes marges sont à 0.
Merci encore.
0
Réponse 2 / 2
Utilisateur anonyme
 
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);
-1
bg62 Messages postés 23731 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
l'utilisation de 'shadow' me paraît être une bonne piste .... :
0

Discussions similaires

PIX
plart -
jordane45 -

1 réponse
Comment recadrer une image avec Inkscape
infofeet -
TELLIEZ -

13 réponses
Dechiffrer une image caché
JACQUE -
Otomec -

1 réponse