Régler la transparence d’un élément

L’opacité détermine à quel point un élément reste visible. À 100 %, il est opaque ; à 50 %, il est partiellement transparent ; à 0 %, il est invisible.

1. Sélectionner ce qui doit être atténué

Dans Calques, choisissez l’élément concerné. Pour atténuer une carte entière, sélectionnez son conteneur. Pour atténuer seulement une image, sélectionnez l’image.

Le réglage agit aussi sur les enfants de l’élément sélectionné. Atténuer le parent peut donc rendre ses textes, boutons et images moins lisibles.

2. Ajouter le réglage d’opacité

Passez en Expert, puis ouvrez Effets. Avec le + du groupe, ajoutez Opacité si le réglage n’existe pas encore.

Choisissez un pourcentage proposé. Les choix rapides permettent de comparer les principaux niveaux ; le sélecteur détaillé propose des valeurs plus fines. Dans le sélecteur détaillé, les valeurs progressent par pas de cinq, entre 0 et 100 %. Choisissez l’une des valeurs proposées : retirer la valeur active ne transforme pas ce réglage en champ de saisie.

Dans la démonstration, nous comparons 25 %, 75 % et 65 %, puis retirons le réglage pour retrouver l’apparence de départ.

3. Préserver la lisibilité des enfants

Une carte transparente laisse apparaître le fond de la page. Le résultat dépend donc de ce qui se trouve derrière elle.

Si votre objectif est un fond léger avec un texte net, réglez plutôt la couleur du fond. L’opacité du parent continue à atténuer tout son contenu, même si l’un de ses enfants possède une opacité de 100 %.

Une faible opacité peut aider à distinguer un état secondaire, mais ne suffit pas à indiquer qu’un bouton est désactivé.

4. Distinguer invisible, masqué et supprimé

À 0 %, l’élément reste dans la structure. Il peut conserver sa place et rester interactif. Ne rendez pas un bouton invisible en pensant empêcher ses clics.

Pour retirer un élément de l’affichage, utilisez le réglage de visibilité ou d’affichage adapté. Pour le supprimer, utilisez une commande de structure. Ces actions ont des effets différents sur la mise en page et le contenu.

5. Vérifier la règle d’écran ou d’état

L’opacité peut varier selon la ligne de condition que vous modifiez. Contrôlez la valeur de base et les éventuelles règles d’écran ou de survol.

Une règle à partir de la tablette reste susceptible de s’appliquer sur ordinateur. Comparez les écrans et testez aussi la page comme un visiteur pour comprendre les états interactifs.

6. Retirer le réglage et enregistrer

Utilisez la commande de retrait de la ligne concernée. Si une autre règle s’applique, le résultat peut rester partiellement transparent. Vérifiez les autres lignes avant de conclure que le retrait a échoué.

Annuler permet de retrouver un essai précédent. Terminez par Enregistrer lorsque le résultat est lisible.