这使您能够为Internet Explorer 6-8执行css 3和psuedo类。
Products.EasyAsPiIE的Python项目详细描述
简介
此产品允许您更快地创建网站,因为您不必担心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.)新特性包括能够在IE6、7、8中执行css3piehttp://css3pie.com/类型的事情像边框半径,框阴影,文本阴影
- A.)要使用CSS 3功能,请制作一个仅限于ie的CSS文件,并将您的文件添加到main_模板的CSS区域在plone 4中,您只需为css注册表文件添加条件即可。
- <;!–[如果lt ie 9]>;<;link href=“iefixes_foo.css”media=“screen”type=“text/css”rel=“样式表”>;![endif]–>;
b.)将这两行添加到css类或id中。
behavior: url(&dtml-portal_url;/PIE.htc); position: relative;
在IEFixes\u 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添加了伪类像第N个孩子,第一个孩子
2.0-(2012-08-01)
- 在IE6中隐藏了透明PNG的功能,因为它是IE6以外的Internet Explorer的负载。重新启用的说明在readme.txt文件中。
1.0.2(2011-05-26)
- 增加了对透明png(ie6)和css3pie的支持。这允许InternetExplorerIE6,7,8做css 3类型的事情,比如圆角和渐变。
0.1-未发布
- 初始版本