diTii.com Digital News Hub

Sign up with your email address to be the first to know about latest news and more.

I agree to have my personal information transfered to MailChimp (more information)


CSS3 PIE: Rendering CCS3 decoration properties in Internet Explorer 6 through 8

PIE stands for Progressive Internet Explorer. It’s an IE DHTML attached behavior which, when applied to an element, allows IE to recognize and display a number of CSS3 decoration features within IE 6–8. PIE currently has full or partial support for following CSS3 features: border-radius, box-shadow, border-image, multiple background images, and linear-gradient as background image.

Check the picture below, and then its rendered CSS3 code:

border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(/PIE.htc);

More Info: CSS3 PIE


Share This Story, Choose Your Platform!

Do NOT follow this link or you will be banned from the site!