我的编程空间,编程开发者的网络收藏夹
学习永远不晚

有哪些CSS3 Pie工具推荐

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

有哪些CSS3 Pie工具推荐

这篇文章主要介绍“有哪些CSS3 Pie工具推荐”,在日常操作中,相信很多人在有哪些CSS3 Pie工具推荐问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”有哪些CSS3 Pie工具推荐”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

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

这是一坑

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

代码如下:

behavior: url(path/to/pie_files/PIE.htc);

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

这是第二坑

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

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

代码如下:

yourCssSelector{ position:relative;}

yourCssSelector{ position:absolute;}

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

不要太天真

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

来自jason的解释

代码如下:

No, unfortunately. The reason is that pseudo-elements have no DOM and therefore there's nothing that PIE can manipulate.

到此,关于“有哪些CSS3 Pie工具推荐”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

有哪些CSS3 Pie工具推荐

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

Java开发者推荐的常用工具有哪些

这篇文章主要介绍“Java开发者推荐的常用工具有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Java开发者推荐的常用工具有哪些”文章能帮助大家解决问题。1) IDE:Eclipse和NetBe
2023-06-16

Couchbase的数据迁移工具和脚本有哪些推荐

在Couchbase中进行数据迁移时,可以使用以下工具和脚本:cbtransfer:Couchbase官方提供的用于在集群之间迁移数据的工具。可以通过cbtransfer命令将数据从一个集群复制到另一个集群。Couchbase Data M
Couchbase的数据迁移工具和脚本有哪些推荐
2024-04-09

礼物推荐APP开发具有哪些好处

今天小编给大家分享一下礼物推荐APP开发具有哪些好处的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。  礼物推荐APP开发具有
2023-06-26

golang框架有哪些推荐?

最适合各种应用程序的 go 框架有:gin:轻量级、高性能的 web 框架,适合开发 restful api。echo:高可扩展性、高性能的 web 框架,适合复杂应用程序。beego:全栈框架,适合快速开发 web 应用程序。buffal
golang框架有哪些推荐?
2024-05-23

网站转型有哪些推荐

这篇文章主要讲解了“网站转型有哪些推荐”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“网站转型有哪些推荐”吧!  一、自媒体  站长做网站的本来就有一定的流量,只不过做网站时,访客认网站很少认
2023-06-10

Python工具有哪些

这篇文章给大家分享的是有关Python工具有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1. Python TutorPython Tutor 是由 Philip Guo 开发的一个免费教育工具,可帮助学
2023-06-16

编程热搜

目录