CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性

网站建设 2025-06-01 01:20www.dzhlxh.cn网站建设

得知IE8及以下的IE浏览器也能使用css3的border-radius、Gradient以及box-shadow,令我激动不已。对于渴望在旧版IE浏览器上实现这些效果的开发者来说,这无疑是一个好消息。通过css3PIE工具,我们可以轻松实现这一目标。想要了解更多细节,请点击这里。

在实际使用过程中,有一些需要注意的地方。

第一个注意点

在使用css3PIE时,路径的设置至关重要。你需要确保pie的路径是相对于正在浏览页面的相对路径。例如,你在css中写的url路径并不是针对css文件所在位置的路径。尽管这个url是在css中定义的,但它实际上是在css应用到html之前就已经起作用了。具体来说,代码如:behavior: url(path/to/pie_files/PIE.htc);中的PIE.htc文件就是关键所在。你也可以选择使用其zip包中的js文件来满足需求。(这个包里包含了多种方法,你可以根据自己的需要选择相应的文件,无需全部添加到项目中。)

第二个注意点

即使路径设置正确,也会出现一些意想不到的情况。有时,当你在IE浏览器中使用pie后,会发现某些元素的背景突然消失了。这种情况在官方入门教程中并未提及。实际上,这并不代表你的使用方式有问题,PIE可能已经生效了。背景之所以消失,可以通过设置元素的position属性来解决。例如:yourCssSelector{ position:relative;} 或者 yourCssSelector{ position:absolute;}。如果问题仍未解决,尝试给元素添加一个合适的z-index属性。

一些建议

请避免在:after、:before伪元素中使用pie,因为这样是完全无效的。对于此问题,jason的解释是:伪元素没有DOM,因此PIE无法对其进行操作。我遇到一个非常困惑的问题:在fancybox上使用pie时,无论采用何种方法,背景始终无法出现。如果有朋友有解决方法,请务必告知!我们共同分享和这个问题的解决之道。

上一篇:HTML5 canvas画图并保存成图片的jcanvas插件 下一篇:没有了

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板