Page 1 sur 1

Problème propriété CSS opacité

Posté : jeu. 11 mai 2023 03:44
par jani26
Bonjour les membres de la communauté

Je suis débutant dans le monde de la conception des sites web.
Je suis entrain d'apprendre à créer des sites web responsive, en faisant du code de mis en page en CSS et en HTML.
Plus récemment, j'étais entrain d'essayé de modifier l'opacité d'une image d'arrière-plan à travers les propriétés CSS, je précise que j'utilise le logiciel opera mobile pour simuler la mis en page du site dans différents types d'écran.

Mais malheureusement, l'opacité semble ne pas prendre effet sur mon logiciel Opera mini, qui fait figure de simulateur, malgré les exemples que j'ai pu suire sur https://gadgetconnecte.com/comment-modi ... an-en-css/ , cela passe très bien dans chrome, mais pas dans Opera.

Etant débutant, je suis un peu bloqué et perdu, j'ai besoin de votre aide et suggestion.

Merci d’avance

Re: Problème propriété CSS opacité

Posté : mar. 16 mai 2023 13:24
par thierrygz
Bonjour,

Je suis débutant comme toi et je viens de trouver ceci : tu peux utiliser apparemment l'attribution d'un style distinct en fonction de ce que tu veux faire ou bien selon les conditions que tu choisis.
Utilise une classe différente pour chaque degré d'opacité.
Le paramètre css est apparemment "opacity"
.opacity-1 {
opacity: 1;
}
.opacity-05 {
opacity: 0.5;
}

à 0 l'élément est transparent.