这使您可以为Internet Explorer 6-8做CSS 3和伪类。
项目描述
简介
此产品允许您使网站更快,因为您无需担心一些来自Internet Explorer的延迟。
此产品在Plone 2.5、3、4+中工作。
1.) 如果您想为IE6网站使用透明的png图片,请在Dtml方法的CSS样式表中添加以下内容
/* <dtml-with base_properties> (do not remove this :) */ /* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */ *html img, div, a, input { behavior: url(&dtml-portal_url;/iepngfix.htc); } to a IE6 only stylesheet. /* </dtml-with> */
2.) 新功能包括能够在IE 6、7、8中执行CSS 3(使用css3pie http://css3pie.com/)类型的事情。例如,边框圆角、阴影、文本阴影。
- A.) 要使用CSS 3功能,请创建一个仅IE的CSS文件,并将文件添加到main_template的CSS区域。在Plone 4中,您只需在CSS注册文件中添加条件。
<!–[if lt IE 9]><link href=”IEFixes_foo.css” media=”screen” type=”text/css” rel=”stylesheet”> <![endif]–>
B.) 将这两行添加到您的CSS类或ID中。
behavior: url(&dtml-portal_url;/PIE.htc); position: relative;
在IEFixes_foo.css文件中列出需要更改的类,以便在IE中使用。例如
#portal-personaltools, .portalHeader, .fooclass { behavior: url(&dtml-portal_url;/PIE.htc); position: relative; }
C.) CSSPie的问题。您不能轻松地做到所有四个边框圆角都小于所有
.portalHeader { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
应该是
.portalHeader { border-radius: 10px 0px 0px 10px; }
此外,如果您正在执行渐变,有一个钩子
#portal-header { -pie-background: linear-gradient(#D3D4D5, #FEFEFE); /*PIE*/ }
变更日志
3.0.1 - (2012-12-04)
History.txt未打包的包装问题
3.0 - (2012-12-04)
添加了Selectivizr,它为Internet Explorer 6-8添加了伪类。例如,nth-child、first-child…
2.0 - (2012-08-01)
隐藏了在IE6中透明png的功能,因为它除了IE6以外的Internet Explorer都是一个负担。重新启用的方法在README.txt文件中。
1.0.2 (2011-05-26)
添加了对透明png(IE6)和css3pie的支持。这允许Internet Explorer IE 6、7、8执行CSS 3类型的事情,如圆角和渐变。
0.1 - 未发布
首次发布
项目详情
下载文件
下载适用于您的平台的文件。如果您不确定要选择哪个,请了解更多关于安装包的信息。
源分布
Products.EasyAsPiIE-3.0.1.zip (84.8 kB 查看散列)
Products.EasyAsPiIE-3.0.1.tar.gz (73.1 kB 查看散列)