PIE.htc的使用

【PIE.htc的使用】的更多相关文章

IE6下完美兼容css3圆角和阴影属性的htc插件PIE.htc

1.(推荐:)css插件PIE.htc,这个才是真正完美兼容css3的圆角和阴影属性在IE6环境下使用的效果,但要注意的是:下面的代码必须写在html文件的head标签内,否则无效(不能从外部引用下面的css代码),源码是:<style type='text/css'> .bgtest { background: #fff; border: 2px solid #777; /*background-image…

pie.htc 在IE下不起作用~~~

一直用的IE11 然后选择其中的兼容模式来测试IE 7~10的情况. 最近由于客户要求圆角阴影兼容IE,只能选择PIE.HTC的方案. 但是反复测试发现不起作用. 官方文档的几种说明: 1. pie.htc路径问题,是相对HTML文档的,不是相对css的.这里建议书写为: behavior:url(/css/pie.htc);的形式. 2. 服务器不支持,需要文件类型的支持 AddType text/x-component .htc 3. 不支持css单独设置,只能缩写. 经过检查,不存在以…

使用pie.htc时Border-radius的兼容

如果一个图层中(navin)使用了pie.htc来对ie6,7,8进行兼容,如若上一层(navwrap)的样式中有背景的属性,则此层 (navin) 在ie6,7,8中背景颜色不显示.如下图:此部分的代码如下: .navwrap { height:162px; background:#009BBD; } .navin { height:33px; border-radius:17px; font-size:16px; color:#fff; padding-left:15px; line-…

使用PIE.htc让万恶的IE内核浏览器IE6\7\8支持CSS3部分属性

万恶的IE内核浏览器,这是多少前端程序员头疼的事情... 今天给大家介绍一下如何用 PIE.htc 来让IE浏览器支持CSS3的 border-radius.box-shadow.CSS3 Backgrounds (-pie-background).Gradients.RGBA属性. 会的朋友提供一下建议,不会的朋友学习一下. 下载地址:PIE.htc官方网站:http://css3pie.com/演示地址:http://css3pie.com/demos/gradient-patterns/…

IE8 兼容CSS3 使用 PIE.htc

在需要的标签中 div { border:; border-bottom: 10px solid transparent; border-image: url(../images/border-img.png) 10 10 round; border-image: url(./images/border-img.png) 10 round\0; position: relative; z-index:; behavior: url(PIE.htc); } 首先需要引入 PIE.htc 注意相对于…

文件下载:http://css3pie.com/download/ 使用: .pie_radius{ width:200px; height:200px; background-color:red; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; position:relative; behavior: url(PIE.htc); } HTML: <div class="pie_radius&quo…

使用PIE.htc 进行IE兼容CSS3

步骤: 1.引入文件.注意PIE.htc文件和css文件要放在同一个目录下: 2.在css元素中加上 behavior:url(pie.htc); 3.可以愉快的写css hack啦 ,这时需要的圆角平移等等部分css3属性在ie6\7\8上都可以展示出来 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .containe…

CSS3 Pie工具可以让IE6至IE8版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等

css3 pie使用方法: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .style{ border: 1px solid #669966; padding: 60px 0pt; text-align: center; width: 200…

使用PIE对IE进行CSS3兼容介绍和经验总结

国外团队开发的兼容插件,去年做项目时才发现,非常强大主角:PIE.js , PIE.htc 两种方法可以实现官方网站:http://css3pie.com/ 演示地址:http://css3pie.com/demos/gradient-patterns/ 重要功能实现: 可以使 IE6.7.8 .9 实现类似 chrome 和 firefox 1. 更自然逼真的阴影效果,不再是以前那种丑陋的滤镜效果. 2. 实现很自然的圆角效果 3. 实现部分 CSS3 的强悍效果,如多背景图,borde…

PIE的使用

实际上是指的是一个名为pie的htc文件,即pie.htc,使用CSS的behavior行为,可以调用此文件,然后让IE也能实现一些常见的 CSS3效果,如圆角(border-radius),盒阴影(box-shadow),背景渐变(gradient),多图片背景(multiple background images). 下载地址:https://github.com/lojjic/PIE/downloads 支持的主要CSS3属性: 1.border-radius圆角…