RGBA support on IE Internet Explorer via ARGB

IE does not have very good support for color background transparencies. This is the workaround:

<!--[if IE]>

   <style type="text/css">

   .mybackgrounddiv {
       background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);
       zoom: 1;
    } 

    </style>

<![endif]-->

Use this RGBA -> ARGB converter: http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer
put in your rgba value, and it will generate IE ARGB code, which you can copy and paste. Remember to use the conditional IF IE statement to insert this into your html document, instead of dropping it in your CSS stylesheet. If IE needs to be separate.

For ex: rgba(173,193,63,0.7) converts to -> #B2ADC13F

Leave a Reply