Fond transparent en PNG

Aujourd'hui je me suis demandé, comment ajouter Un background transparent compatible Internet Explorer au sein de mes pages web.
Une méthode est d'insérer une image png avec une certaine opacité et l'afficher en background.

• la première ligne applique le background pour tous les navigateurs.
• La seconde ligne supprime le background (uniquement pour IE)
  
• La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png. le filtre prodig:DXImageTrans... est un filtre ActiveX et donc compris que par IE

.maclass {

1. background-image: url(images/overlay.png)!important;


2. background-image:url(no-image);


3. filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/overlay.png');

}

Sachez que le filtre: progid:DXImageTransform.Microsoft.AlphaImageLoader Aura la facheuse tendance à désactiver les liens se trouvant dans la boite qui contien votre background. La solution est de mettre position:relative à vos liens.

Source