CSS3 Pie专用工具强烈推荐

2021-01-20 08:37 jianzhan

最先看到能让IE8及下列的IE亲们用上css3的border-radius和Gradient也有box-shadow着实激动了1大把。是的,你沒有看错,用css3PIE便可以了,想掌握猛戳连接。这里也不详细介绍如何应用了,官方有文本文档。

这是1坑

但還是要提1下,在应用全过程中的pie相对路径1定如果相对正在访问网页页面的相对性相对路径。以下编码的url相对路径并不是相对css文档所属相对路径。由于尽管是在css里写的url,可是是在css被运用前就对html起功效了。


拷贝编码
编码以下:

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

在其中的PIE.htc文档便是pie的生命所属了,自然你还可以用他zip包里的js来完成。(那个包里很全的,你依据自身要用的方式挑选1个对应的文档便可以了,没必要所有贴到新项目里)

这是第2坑

相对路径弄对了,想说,要在IE下看1看惊喜的出現!但!!留意这个但,第1次应用的情况下,被pie解决的Element情况就全消退了,关键是,官方的start实例教程压根没提这1状况。

假如出現这类状况,表明,你应用的方式是对的,实际上PIE早已起效了,至于为何情况看不到了,处理方法以下。


拷贝编码
编码以下:

yourCssSelector{ position:relative;}
/*或*/
yourCssSelector{ position:absolute;}

假如還是没处理,请给你的element再加1个适合的z-index的特性。
随后1切就一切正常了

不必太纯真

请不必在:after、:before中应用pie,这样彻底失效。

来自jason的解释

拷贝编码
编码以下:

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

最终我有1个很不解的难题,在fancybox上用pie,貌似无论如何处理方式,情况還是不容易出現!!假如有处理的盆友,1定要!!1定要告知我!!!