跳转到主要内容

这使您可以为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 查看散列)

上传时间

由以下组织支持

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF 赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误记录 StatusPage StatusPage 状态页面