CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
得知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时,无论采用何种方法,背景始终无法出现。如果有朋友有解决方法,请务必告知!我们共同分享和这个问题的解决之道。
网站设计
- CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
- HTML5 canvas画图并保存成图片的jcanvas插件
- 电脑提示丢失.dll文件怎么解决-
- 利用.htaccess实现禁止某个IP访问网站的方法
- ai怎么绘制铁锹铲子图标-
- 回顾2012年度最佳网页设计作品分享[上篇]
- WinXP如何配置传真机配置传真服务
- Windows7系统更改日期、时间和数字格式图文教程
- 华为MateBook D升级版值得买吗-华为MateBook D(2018版
- 启发设计灵感发光有光泽的网站设计实例
- Macbook Pro笔记本怎么设置触发角快速回到桌面-
- XP系统下如何设置连接网络打印机?
- CSS3实现文字波浪线效果示例代码
- 无线鼠标一拖三 罗技M720 Triathlon体验评测
- 无线鼠标没有反应怎么办有哪些原因如何解决
- html中常用的标签总结(必看)