CSS3pie是什么?


本文摘自PHP中文网,作者青灯夜游,侵删。

CSS3pie是一款可让IE6至IE8版本实现大多数的CSS3修饰特性,如圆角、阴影、渐变等等的js插件,其本质是一个“.htc”文件;使用方法简单,在用到CSS3的地方添加“behavior: url(PIE.htc路径)”即可。

CSS3pie是一款非常优秀的CSS3工具,一个js插件,可以让IE6至IE8版本实现大多数的CSS3修饰特性,如圆角、阴影、渐变等等,通过这个工具,可以在线修改想要的效果,并即时生成css代码。

官网:http://css3pie.com/

PIE方法的使用与平时我们使用CSS3属性一样,基本上没有什么特殊的样式名称,只要链接pie.htc文件即可。

CSS3 Pie支持的CSS3语法有:

  • border-radius 圆角

  • box-shadow 块阴影

  • border-image 图片边框

  • multiple background images 多背景

  • linear-gradient as background image 线性渐变背景图片

CSS3 Pie是一个.htc文件,可以在官网下载。

CSS3 PIE下载地址:

  • 官网 http://css3pie.com/download/

  • GitHub https://github.com/lojjic/PIE/downloads

使用起来非常简便,只要在使用到CSS3的地方添加behavior: url(PIE.htc);指定到htc文件的位置就可以了(相对于html文档)。

demo:

1

2

3

4

5

6

7

8

9

10

11

<div id="tests"></div>

 

#tests {

    padding: 1.5em;

    margin: 1em 0;

    border-radius: 10px;

    behavior: url(/pie/PIE.htc);

    position: relative;

    background: #CCF;

    overflow: hidden;

}

更多编程相关知识,请访问:编程入门!!

以上就是CSS3pie是什么?的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

为什么css不起作用

css的注释是什么

css技巧:怎么给图片添加蒙版(分享)

纯css实现加号“+”效果(代码示例)

css ul怎么去掉点

css怎么删除滚动条

jquery实现带弹窗和次数的转盘抽奖(代码)

css如何设置行距

css >什么选择器

css margin-right属性怎么用

更多相关阅读请进入《CSS3pie》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...