css3 pipe

下载

该项目详尽原始的下载资源在这里：http://github.com/lojjic/PIE/downloads

官方下载频道http://css3pie.com/download/

压缩包里的htc文件和js文件要放在同一个目录，

.red{

background:red;

/* 圆角 */

border-radius:50%;

behavior:url(js/pie.htc);/* 引入这个文件就ok了 */

border:12px solid#adf;

/* 阴影 */

box-shadow:1px5px20px5pxgray;

/* 渐变 */

background:-webkit-gradient(linear,00,0 bottom,from(#9F9),to(#393));

background:-moz-linear-gradient(#9F9,#393);

-pie-background:linear-gradient(#9F9,#393);

}

以下是网络摘抄，未曾测试

1、behavior的url里一定要填写htc文件的路径（不管你用的是pie插件还是别的htc文件），因为 IE浏览器找该文件是相对当前html文件路径来找的，所以对于Wordpress等动态程序生成的页面一定要填写路径。

2、一定要有定位属性：position:relative;

3、因为在IE浏览器下这些CSS3效果的实现是要借助于VML，由VML绘制圆角或是投影效果，所以还需要一个z-index属性。z-index属性最好设置得比较大，如2。

4、如果在IE浏览器下某些模块无法用此渲染，可以试着绝对定位相应的层，即加上“ width: 400px; height:400px;”属性。

更多属性支持见官网咯

更多css3支持见：http://www.zhangxinxu.com/wordpress/2010/07/pie%E4%BD%BFie%E6%94%AF%E6%8C%81css3%E5%9C%86%E8%A7%92%E7%9B%92%E9%98%B4%E5%BD%B1%E4%B8%8E%E6%B8%90%E5%8F%98%E6%B8%B2%E6%9F%93/