Advanced Search

Return to Snippet

Revision: 6200
at May 7, 2008 05:09 by alvaroisorna
Updated Code 
#c-transparent {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
/*	filter: alpha(opacity=70);*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

Revision: 6199
at May 7, 2008 04:52 by alvaroisorna
Initial Code 
#c-transparent {
	opacity: 0.7;
	-moz-opacity: 0.7;
/*	filter: alpha(opacity=70);*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
Initial URL 
http://bitesizestandards.com/bites/easy-cross-browser-transparency
Initial Description 
If you've ever found yourself in the position of needing to place a semi-transparent image or layer on a web page, you've probably ended up reading various arcane methods involving 24-bit PNG graphics and proprietary IE AlphaImageLoader expressions. Luckily, there is an easier way; albeit at the expense of valid CSS.
Initial Title 
Easy cross-browser transparency
Initial Tags 

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS