Discussion :

[abc.xyz]

Bonjour à tous,

dans un div, je mets l'opacité à 0.5 et donc cela diminue la lumière du texte en blanc qui se trouve dans ce div.

En effet en mettant une opacité basse (de 0.1 à 0.5 par ex) le texte n'accroche plus autant, existe t'il un moyen de garder l'accroche initiale du texte (comme si il n'y avait aucune opacité de programmée)?

[Invité]

Bonjour,

pourquoi mets-tu une opacité (tu ne nous le dis pas) ?

Si tu as un fond noir (par exemple), et que c'est ce fond (et uniquement lui) que tu veux rendre translucide :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background: rbga(0,0,0,0.5);

Voir : Glossaire des propriétés CSS - Couleur de fond

[abc.xyz]

il y a un problème chez moi avec ta solution car:
-cela permet bien de garder l'accroche du texte mais l'opacité ne se règle pas (par exemple si je mets 0.1 la div reste très opaque).

[Invité]

Je ne peux pas deviner ton code, ni quel résultat tu veux obtenir...

[abc.xyz]

je veux mettre une opacité basse (0.1 à 0.5) à un div noir tout en gardant l'accroche du texte en blanc dans ce div..tu m'as dit qu'utiliser la notation rgba permet de régler l'opacité d'un div (ou autre) sans que l'accroche de la couleur du texte dans ce div diminue.
Je constate que cela ne fonctionne pas en fait. Peut être ai je mal compris?

[Invité]

Je ne vois toujours pas ton code...






N.B. LOL ! Tu as changé de pseudo pour passer incognito !?!

[abc.xyz]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
.presentation{
 
  background:rgba(0,0,0,0.2);
  color:white;
  text-align: justify;
  margin:3% 0 0 3%;
  font-size: 1.2em;
  font-family: 'josefin_sansregular';
 
}

html:il s'agit d'un simple div avec en class "presentation" et aussi "col-sm-5 col-md-5" car j'utilise bootstrap.

Cela ne régle pas l'opacité. Peut être ai je mal compris?

[Invité]

html:il s'agit d'un simple div avec en class "presentation" et aussi "col-sm-5 col-md-5" car j'utilise bootstrap.

Au lieu d'un blabla, c'est si difficile de mettre la ligne de code concernée ???

N.B. Par contre, c'est bien de préciser que tu utilises bootstrap.

[abc.xyz]

le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
...
<div class="col-sm-5 col-md-5 presentation">
...

[Invité]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="col-sm-5 col-md-5 presentation">

L'ordre dans lequel sont déclarées les class a son importance.
Voilà pourquoi il faut TOUJOURS montrer son code !

• Règles d'application des styles CSS et gestion des conflits

Cela dit, pour moi, ça fonctionne.