CSS et transparence

Bien des articles sur Internet proposent d’appliquer des transparences à des objets en utilisant les filtres.

L’inconvénient de ces filtres c’est que l’effet est appliqué sur tous les enfants de l’objet, rendant ainsi ces objets moins visibles.

Avec le style, exemple ci-dessous, le fond blanc est alors opaque à 50%. Mais inconvénient c’est que tous les enfants aussi.

Utilisez alors plutôt le “rgba”, qui ne s’applique qu’à l’objet.

La couleur blanche (255 partout) est opaque à 50% (0.5). Et seulement sur l’objet. CQFD

Exemples

A propos Martial Auroy

Mon goût pour les défis et pour la création m’ont amené à la direction de trois services informatiques. Dans le domaine industriel, dans la gestion de production, dans les ressources humaines et la paie. Créatif et Ingénieur de formation, j’ai pu développer et mettre en place des systèmes informatiques divers. Gestion de paies internationale, appareils de mesure dans les ateliers de l’aérospatiale ou des robots pour la fabrication de cosmétiques. Le Web m’est bien connu. La sécurité et la communication ont toujours été parties intégrantes des projets mis en place : Sécurité d’intrusion, d’accès et de traçabilité. Je suis curieux et toujours à la recherche de connaissance. J’aime le cinéma, la philosophie, voyager.

Je vous propose également...

Twitter Bootstrap

Parfois on est obligé de faire du développement web alors que ce n’est pas notre …

Le memento du développeur

Dans la série des outils malins, voici les mementos du développeur. Que vous soyez HTML, PHP, MySQL, CSS, XML/XSL (Objet DOM), vous trouverez une "card" pour vous...

1 commentaire

  1. très sympa cette astuce ^^
    merci

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *