Opacité de fond CSS avec rgba ne fonctionne ne pas dans IE 8

Question

J’utilise ce CSS pour l’opacité de fond d’un `` :

Il fonctionne très bien dans Firefox, mais pas dans IE 8. Comment puis-je faire fonctionner ?

Answer 1

pour simuler l’arrière-plan RGBA et HSLA dans Internet Explorer, vous pouvez utiliser un filtre dégradé, avec la même couleur de début et de fin (canal alpha est la première paire dans la valeur de HEX)

Answer 2

Créer un png qui est plus grand que 1 x 1 pixel (Merci thirtydot), et qui correspond à la transparence de votre arrière-plan.

EDIT : pour se replier pour IE6 + support, vous pouvez spécifier bkgd morceau pour le png, c’est une couleur qui remplacera la véritable transparence alpha si elle n’est pas pris en charge. Vous pouvez y remédier avec gimp par exemple.

Answer 3

Je crois que c’est le meilleur parce que sur cette page est un outil pour vous aider à générer des fond alpha-transparent :

http://hammerspace.co.uk/2011/10/Cross-Browser-alpha-transparent-background-CSS

Answer 4

l’image png transparent ne fonctionnera pas dans IE 6-, des solutions de rechange sont :

avec CSS :

ou faites-le avec jQuery :

Answer 5

Bien qu'en retard, j'ai eu à l'utiliser aujourd'hui et a trouvé une très utile script php ici qui vous permettra de créer dynamiquement un fichier png, un peu comme la façon dont rgba œuvres.

background: url(rgba.php?r=255&g=100&b=0&a=50) repeat;
background: rgba(255,100,0,0.5);

Le script peut être téléchargé ici: http://lea.verou.me/wp-content/uploads/2009/02/rgba.zip

Je sais que cela peut ne pas être la solution parfaite pour tout le monde, mais il est utile de considérer, dans certains cas, car il permet d'économiser beaucoup de temps et fonctionne parfaitement. Espère que ça aide quelqu'un!