Skip to main content

This enables you to do CSS 3 things for IE. It also elimnates the need to deal with transparent PNGs with IE6

Project description

Introduction

This product allows you to make sites faster since you don’t need to worry about some of the hang ups from Internet Explorer.

This Product works in Plone 2.5, 3, 4+

1.) Just by installing this product you don’t have to worry about transparent PNG’s in IE 6.

2.) New features include being able to do CSS 3 (Uses css3pie http://css3pie.com/) type things in IE 6,7,8. Things like border-radius, box-shadow, text-shadow.

A.) To use the CSS 3 features make a ie only css file and add your file into the css area of main_template. In Plone 4 you can just add the condition for the css registry file.
<!–[if lt IE 9]><link href=”IEFixes_foo.css” media=”screen” type=”text/css” rel=”stylesheet”> <![endif]–>

B.) Add these 2 lines to your css class or id.

behavior: url(&dtml-portal_url;/PIE.htc);
position: relative;

Make a list of classes that need to be changed in IE in your IEFixes_foo.css file. Example:

#portal-personaltools,
.portalHeader,
.fooclass {
 behavior: url(&dtml-portal_url;/PIE.htc);
    position: relative;
    }

C.) Issues with CSSPie.. You can’t do less then all four border-radius easily:

.portalHeader {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

should be:

.portalHeader {
    border-radius: 10px 0px 0px 10px;
}

Also, if you are are doing gradients there is a hook:

#portal-header {
    -pie-background: linear-gradient(#D3D4D5, #FEFEFE); /*PIE*/
}

Changelog

0.1 - Unreleased

  • Initial release

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Files for Products.EasyAsPiIE, version 1.0.2
Filename, size File type Python version Upload date Hashes
Filename, size Products.EasyAsPiIE-1.0.2.tar.gz (49.9 kB) File type Source Python version None Upload date Hashes View
Filename, size Products.EasyAsPiIE-1.0.2.zip (63.5 kB) File type Source Python version None Upload date Hashes View

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring DigiCert DigiCert EV certificate Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page