225 votes

Comment rendre la couleur d'arrière-plan d'un div transparent en CSS

Je n'utilise pas CSS3. Je ne peux donc pas utiliser opacity o filter attributs. Sans utiliser ces attributs, comment puis-je faire en sorte que le background-color transparent d'un div ? Cela devrait ressembler à l'exemple de la zone de texte dans ce document. link . Ici, la couleur de fond de la zone de texte est transparente. Je veux faire la même chose, mais sans utiliser les attributs mentionnés ci-dessus.

3 votes

Ni l'un ni l'autre opacity ni filter sont des attributs CSS 3. Pourquoi pensez-vous que vous ne pouvez pas les utiliser ?

0 votes

Je ne sais pas, dans mon Eclipse Juno, les deux attributs ne sont pas affichés et selon W3School : Remarque : la propriété CSS opacity fait partie de la recommandation CSS3 du W3C. Voir aquí

0 votes

Et mon eclipse ne supporte pas (très probablement) CSS3 ! :(

2voto

Utilisez quelque chose comme

<div style='background-color: rgba(0, 0, 0, 0.4);'>

Cela définit la couleur d'arrière-plan de ladite division en noir, mais aussi en transparent à 40%. Cela ne modifiera pas la transparence du texte ou du contenu de la division.

0voto

ARVIND CHAUHAN Points 37
    /*Fully Opaque*/
    .class-name {
      opacity:1.0;
    }

    /*Translucent*/
    .class-name {
      opacity:0.5;
    }

    /*Transparent*/
    .class-name {
      opacity:0;
    }

    /*or you can use a transparent rgba value like this*/
    .class-name{
      background-color: rgba(255, 242, 0, 0.7);
      }

    /*Note - Opacity value can be anything between 0 to 1;
    Eg(0.1,0.8)etc */

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X