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 - 28 sept. 2015 à 17:24

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:

Css assombrir image
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Inkscape rogner image ✓ - Forum Graphisme
Légender une image - Guide

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.

Utilisateur anonyme

Un décalage?

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)

Utilisateur anonyme

Il suffit juste de mettre un margin: 0 sur le body, et pas oublier un width et height 100% sur html, body

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.

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);

bg62 Messages postés 23724 Date d'inscription Statut Modérateur Dernière intervention 2 408

l'utilisation de 'shadow' me paraît être une bonne piste .... :

Discussions similaires

redimensionner une image css

Positionner des éléments grâce aux CSS

Insertion d'une image dans CSS - création d'un sous-dossier

comment agrandir une image en css

Deplacer une image avec HTML et CSS

Positionnement d'image en css..

Votre réponse

Discussions similaires