• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >css3 > CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含ie6-8,ie6-8浏览器,ie6-8系列浏览器,ie浏览器 ie6-8版本,css3 pie等相关知识,佚名 希望在学习及工作中可以帮助到您

首先看到能让IE8及以下的IE亲们用上css3的border-radius和Gradient还有box-shadow着实兴奋了一大把。是的,你没有看错,用css3PIE就可以了,想了解猛戳链接。这里也不介绍怎么使用了,官方有文档。

这是一坑

但还是要提一下,在使用过程中的pie路径一定要是相对于正在浏览页面的相对路径。如下代码的url路径不是相对于css文件所在路径。因为虽然是在css里写的url,但是是在css被应用前就对html起作用了。


其中的PIE.htc文件就是pie的灵魂所在了,当然你也可以用他zip包里的js来实现。(那个包里很全的,你根据自己要用的方法选择一个对应的文件就可以了,没必要全部贴到项目里)

这是第二坑

路径弄对了,想说,要在IE下看一看奇迹的出现!但!!注意这个但,第一次使用的时候,被pie处理的Element背景就全消失了,重点是,官方的start教程根本没提这一情况。

如果出现这种情况,表示,你使用的方法是对的,其实PIE已经生效了,至于为什么背景不见了,解决办法如下。


如果还是没解决,请给你的element加上一个合适的z-index的属性。
然后一切就正常了

不要太天真

请不要在:after、:before中使用pie,这样完全无效。

来自jason的解释

</div>

您可能想查找下面的文章:

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

相关文章

  • 2017-06-02CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
  • 2017-06-02初探CSS3中的calc()功能
  • 2017-06-02结合CSS3的布局新特征谈谈常见布局方法
  • 2017-06-02纯CSS3实现手风琴风格菜单具体步骤
  • 2017-06-02CSS3中利用animation属性创建雪花飘落特效
  • 2017-06-02css 省略号 css3让多余的字符串消失并附加省略号的实现代码
  • 2017-06-02CSS3绘制不规则图形的一些方法示例
  • 2017-06-02CSS3中的Media Queries学习笔记
  • 2017-06-02CSS3中Transform动画属性用法详解
  • 2017-06-02CSS3 特效范例整理

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • CSS3中Animation属性的使用详解
    • 使用CSS3和Checkbox实现JQuery的一些效果
    • CSS3实现超慢速移动动画效果非常流畅无卡顿
    • 详解CSS3的图层阴影和文字阴影效果使用
    • css3 按钮 利用css3实现超酷下载按钮
    • CSS3 选择器 属性选择器介绍
    • 使用css3实现超炫的loading加载动画效果
    • 浅谈CSS3动画的回调处理
    • CSS3实现跳动的动画效果
    • css3绘制天猫logo实现代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有