Last Updated: October 10, 2018
·
4.905K
· idavidst

RGBA on Internet Explorer 7+

Here is a handy trick using ms-filter to have transparent backgrounds on ie,
css3 you declare
WHITE COLOR RGBA
background-color: rgba(255,255,255, .5);

ON IE IS CALL ARGB (ALPHA AT THE BEGINNING)
WHITE COLOR AS ARGB
#FFFFFFFF

background: transparent; /* Feedback color */
background: rgba(red, green, blue, alpha); /* For modern browsers */

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#FFFFFFFF', EndColorStr='#FFFFFFFF')"; /* For IE8 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFFFFFFF', EndColorStr='#FFFFFFFF'); /* For IE6,IE7 */
zoom: 1!important; /* Trigger hasLayout */

THE ONLY THING THAT YOU NEED TO TRANSFORM IT'S THE RGBA COLOR TO ARGB AND THAT'S IT HERE A GOOD CALCULATOR TO DO THAT.

1 Response
Add your response

I usually use rgba.php by Lea Verou. http://lea.verou.me/2009/02/bulletproof-cross-browser-rgba-backgrounds/

I just include the php file and call it in the css file...
background: url('rgba.php/rgba(255, 255, 255, 0.3)');
background: rgba(255, 255, 255, 0.3);

over 1 year ago ·