Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

CSS3 PIE - CSS3 Decorations For IE 6-9

DZone's Guide to

CSS3 PIE - CSS3 Decorations For IE 6-9

· Web Dev Zone ·
Free Resource

Learn how error monitoring with Sentry closes the gap between the product team and your customers. With Sentry, you can focus on what you do best: building and scaling software that makes your users’ lives better.

PIE stands for Progressive Internet Explorer. It is an IE attached behavior which, when applied to an element, allows IE to recognize and display a number of CSS3 properties.

CSS Level 3 brings with it some incredibly powerful styling features. Rounded corners, soft drop shadows, gradient fills, and so on. These are the kinds of elements our designer friends love to use because they make for attractive sites, but are difficult and time-consuming to implement, involving complex sprite images, extra non-semantic markup, large JavaScript libraries, and other lovely hacks.

PIE currently adds full or partial support to IE 6 through 8 for the following CSS3 features:
  • border-radius
  • box-shadow
  • border-image
  • multiple background images
  • linear-gradient as background image
In addition, PIE adds support for border-image and linear-gradient to IE 9, which already supports the other features natively.

Other features are under active development.

Requirements: None
Demohttp:/ / css3pie. com/ demos/
License: Apache License v2.0 or GPL

What’s the best way to boost the efficiency of your product team and ship with confidence? Check out this ebook to learn how Sentry's real-time error monitoring helps developers stay in their workflow to fix bugs before the user even knows there’s a problem.

Topics:

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}