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.
Written by David Strada
Related protips
1 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
·
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#