让混蛋IE支持CSS3的项目-PIE

    看到那些美轮美奂的CSS3效果，是否很有实践的冲动，然而，扯淡的IE从中作梗，直叫人怎一个愁字了得。有没有想过有一个项目可以让IE支持CSS3，你认为不可能是吧，告诉你，没有什么不可能的。下面，就让我们的主角PIE出场吧。PIE官方网站上是这样介绍的：
   
    PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.
   
    可见，PIE可以支持IE6到IE9.

    目前，PIE支持的CSS3属性主要有：

border-radius  
box-shadow  
border-image  
CSS3 Backgrounds (-pie-background)  
Gradients  

   
使用感言：
    整体来说，比使用图片方便，特别是渐变背景和圆角，节省了很多处理图片的时间。就我目前使用的情况来看，这个项目的前景还是不错的，特别是在国内，IE盛行，某些企业用户还在使用IE6.

PIE使用的简单实例，以渐变为例：

behavior: url(/assets/PIE.htc); //PIE的文件放在位置  
position: relative;  
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2DABE6), color-stop(100%, #6789C0));  
background: -webkit-linear-gradient(#2DABE6, #6789C0);  
background: -moz-linear-gradient(#2DABE6, #6789C0);  
background: -o-linear-gradient(#2DABE6, #6789C0);  
background: -ms-linear-gradient(#2DABE6, #6789C0);  
-pie-background: linear-gradient(#2dabe6,#6789c0); //这句不可以少  
background: linear-gradient(#2DABE6,#6789C0);  

使用阴影：

behavior: url("/assets/PIE.htc");  
position: relative;  
-moz-box-shadow: #adadad 0px 0px 2px;  
-webkit-box-shadow: #adadad 0px 0px 2px;  
-o-box-shadow: #adadad 0px 0px 2px;  
box-shadow: #adadad 0px 0px 2px;  

使用圆角：

behavior: url("/assets/PIE.htc");  
-moz-border-radius: 2px;  
-webkit-border-radius: 2px;  
-o-border-radius: 2px;  
-ms-border-radius: 2px;  
-khtml-border-radius: 2px;  
border-radius: 2px;