Imprimer la Page | Fermez la fenêtre

background–image transparent

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Code (JS, PHP, CSS etc.), techniques etc.
Description du Forum: Discussions concernant le développement Web en général
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=21775
Date: 29 Mar 2024 à 12:43
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: background–image transparent
Posté par: nico38
Sujet: background–image transparent
Posté le: 28 Jan 2016 à 20:31
Bonjour,
je ne me souviens plus : existe-t-il un moyen simple en css pour mettre un background-image avec genre 50% d'opacité

(à part mettre l'image en png, ou superposer l'image sur un parent)


-------------
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"



Réponses:
Posté par: Hobby001
Posté le: 28 Jan 2016 à 21:15
Code CSS en header appliqué sur un panneau d'éléments nommé: WEb7b3bd6227


#WEb7b3bd6227:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
height: 100%; background: url(/Files/Image/Galerie/logo.jpg);
opacity: 0.7;
}


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: nico38
Posté le: 28 Jan 2016 à 21:31
oui j'ai oublié d'ajouter "sans le after"

j'aurai dû demander plus precisément :
on peut modifier la couleur via rgba est ce qu'il y a du css pour modifier l'opacité ?

after/before ça revient au meme que superposer 2 div


-------------
Un lien vers ton site tu enverras | Problème d'affichage ? ---> CTRL+F5 | Couleur des liens --> "Styles des liens"


Posté par: Dmit OE
Posté le: 28 Jan 2016 à 22:04
C'est plus pratique que de superposer des divs.. Sinon je ne connais pas de moyens de rendre une image de fond demi-transparente.



Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net