下载地址 :http://css3pie.com/
入门
下面的说明,应该让你在大多数情况下的PIE运行。如果您的问题沿途运行,征询我们的已知问题页面,或要求在帮助论坛。
第1步:下载
下载PIE分布,并解压缩它的地方。
第2步:上传
解压后的目录内,你会发现文件名为PIE.htc。这是IE浏览器的行为的文件,是所有的魔法。这个文件上传到你要去的地方,为使用CSS3的网页服务器。不要紧,确切位置在哪里,只要你知道它在哪里。
第三步:写一些CSS3的
假设你已经有了一个HTML文件,让我们说,你想给圆角的元素之一。创建该元素的CSS规则,并给它像这样的边界半径的风格:
#myAwesomeElement {
border: 1px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
(注意:WebKit的和MOZ-前缀的版本;圆角工作在WebKit和基于Mozilla的浏览器,这些都是必要的。)
第4步:申请的PIE
在相同的CSS规则,添加下面的风格路线:
behavior: url(path/to/PIE.htc);
当然,您将需要调整的路径,以符合你在第2步上传PIE.htc。注:这个路径是相对于正在观看的HTML文件,CSS文件,它被称为从。
步骤5:在IE浏览器中查看
如果一切顺利,在这一点上,你应该能够在IE浏览器加载页面,就像其他浏览器提供的CSS3圆角。现在你可以玩一些其他支持CSS3的装饰品,如箱阴影。看到关于文件支持CSS3的功能,看什么的PIE可以做,如果你遇到问题的已知问题页面描述的最常见的陷阱。玩得开心!
另附上我的demo
分享到:
相关推荐
虽然PIE.htc对于兼容旧版IE浏览器起到了重要作用,但它也有一定的局限性,例如性能问题、不支持动态改变样式以及对某些CSS3属性的支持不足等。随着浏览器的更新换代,现在大部分用户都已经升级到支持CSS3的浏览器,...
2. **阴影效果(box-shadow)**: 包括内阴影(inset)和外阴影(outset),CSS3 Pie使开发者能够在IE6-9中创建出阴影效果,增加界面的立体感和深度。 3. **渐变背景(linear-gradient, radial-gradient)**: CSS3 Pie...
7. 文本阴影:IE6-8不支持文本阴影(text-shadow),可以考虑使用图片替换或者使用CSS3PIE等工具。 8. 多列布局(Multiple Columns):IE8及以下版本不支持多列布局,可以使用JavaScript库或者传统的布局方法来实现...
CSS3 Pie是一个针对Internet Explorer 6至8浏览器的兼容性解决方案,它能够使旧版IE浏览器支持一些CSS3的样式特性。这些特性包括但不限于边框圆角(border-radius)、阴影效果(box-shadow)、渐变背景(gradient)...
PIE.js 是一个JavaScript库,专为解决老版本Internet Explorer(IE6、7、8)不支持CSS3的一些关键渲染特性而设计。在那个时代,这些浏览器的市场份额仍然相当大,开发者们需要找到一种方法来实现跨浏览器的兼容性。...
总的来说,虽然IE6-IE8不原生支持CSS3的圆角和阴影效果,但通过JavaScript库、图片背景、CSS Hack以及渐进增强的方法,我们可以使这些旧版浏览器也能呈现出类似的效果。在实际项目中,应根据项目需求和目标用户群的...
让IE 6,7,8支持CSS3的部分属性。它可以让低版本IE浏览器支持CSS3的border-radius、box-shadow、border-image、CSS3 Backgrounds (-pie-background)、Gradients、RGBA属性。
总的来说,为了在IE6和IE7中实现CSS3的圆角效果,开发者可以采用PIE插件,结合JavaScript和HTC技术,将不被支持的CSS3属性转换为老版IE浏览器能理解的形式。这不仅解决了兼容性问题,还使得设计者能够在这些旧版...
CSS3Pie是一个开源JavaScript库,通过VML(Vector Markup Language)技术,使IE6-IE8也能支持圆角效果。只需在HTML文件中引入PIE.js,然后在需要圆角的元素上添加`behavior: url(/path/to/PIE.htc)`,即可实现兼容。...
标题中的“ie 6 ie7 ie8 支持css3”指的是如何使老旧的Internet Explorer(IE)浏览器,包括版本6、7和8,能够支持CSS3的新特性。CSS3是层叠样式表的第三个主要版本,引入了大量增强网页设计的新功能,如圆角、阴影...
8. **CSS3 PIE**:CSS3 PIE是一个开源项目,通过JavaScript和VML(Vector Markup Language)让IE6、7、8支持一些CSS3的边角、阴影等效果。 9. **使用HTML5 doctype**:使用HTML5的doctype (`<!DOCTYPE html>`) 可以...
描述中提到的“解决IE低版本兼容模式下border-radius等CSS样式不生效的组件”是指PIE( Positioned Image Effects)工具,这是一个JavaScript和HTC(HTML Component)结合的解决方案,它能够让Internet Explorer 6到...
通过使用CSS3 Pie,开发者可以在IE6、IE7和IE8等不完全支持CSS3的浏览器中实现如圆角、阴影、渐变和多边形等效果。 标签“css3”代表了层叠样式表的第三版,这是Web设计领域的一个关键标准,提供了丰富的样式和布局...
CSS3 PIE(Progressive Internet Explorer)是一个JavaScript和CSS解决方案,用于在Internet Explorer浏览器中实现对CSS3特性的支持,尤其是那些在IE6到IE9版本中不原生支持的特性。这个库使得开发者能够在老版本的...
4. **CSS3 PIE (Progressive Internet Explorer)**:这是一个流行的开源项目,通过添加特定的CSS类和行为,使得IE6-IE8能够识别并渲染CSS3的一些特性,包括`border-radius`。引入PIE.js和PIE.css文件后,只需在需要...
在标题"css3 支持ie8以下圆角"和描述"DIVCSS5圆角实例,CSS3版本圆角实例,支持低版本IE6-IE9浏览器"中,我们关注的关键知识点是CSS3的圆角边框以及如何在早期的Internet Explorer浏览器(IE6到IE9)中实现兼容性。...
例如,针对CSS3,可以使用`Selectivizr`来实现CSS3选择器的支持,`PIE.js`处理CSS3边角和阴影,`CSS3Pie`用于IE的CSS3属性支持。 4. **条件注释**: IE特有的条件注释可以用来针对不同版本的IE加载特定的JavaScript...
CSS3的很多新属性在IE9及以前的版本中都没法实现,而CSS3pie正好可以解决这个问题,只需要在CSS代码中引入如下代码即可: behavior: url(path/to/pie_files/PIE.htc); 这样IE9及以前的版本就能支持CSS3的属性了。
1.PIE.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件,其利用VML绘制相关的效果。要注意的是它并不能实现所有CSS3效果,其兼容的属性有:box-radius,线性渐变( linear-gradient),rgba,box-shadow,border-image。...