2014-05-24 6 views
1

Je voulais faire de la bgcolor grise la transparence. mais à la place son contenu est devenu transparent à la place du bgcolor.CSS rendre la couleur de fond transparente

body { 
    background-color: gray; 
    /* IE 8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

    /* IE 5-7 */ 
    filter: alpha(opacity=50); 

    /* Netscape */ 
    -moz-opacity: 0.5; 

    /* Safari 1.x */ 
    -khtml-opacity: 0.5; 

    /* Good browsers */ 
    opacity: 0.5; 
} 
+0

http://stackoverflow.com/questions/806000/transparent-background-but-not-the-content-text-images-inside-it-in-css-on – Banana

Répondre

2

Set background-color-rgba(red, green, blue, alpha)red, green et blue sont entre 0 et 255 et alpha est compris entre 01 et, avec 0 être entièrement transparent et 1 complètement opaque.

Regardez également: How do I give text or an image a transparent background using CSS?.

+0

cela fonctionnera-t-il cependant sur les vieux navigateurs? – CudoX

+0

Fait un site web rapide, nous verrons: browsershots.org/http://testnaman.neocities.org/quicktest.html. EDIT: semble fonctionner plutôt bien. (Le lien ci-dessus ne fonctionne que jusqu'à ~ 11: 10pm EST 24/5/2014) – Winestone

0

Si vous n'êtes pas extrêmement préoccupé par la compatibilité du navigateur plus, vous pouvez utiliser la nouvelle définition de la couleur CSS3 rgba:

background-color: rgba(0, 0, 0, 0.5);

Cela définir une couleur d'arrière-plan transparent pour votre élément.

Questions connexes