Skip to main content

This enables you to do CSS 3 and psuedo classes for Internet Explorer 6-8.

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.) If you want to use transparent pngs for your IE6 sites add the following to a dtml method css stylesheet

/* <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.) 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

3.0.1 - (2012-12-04)

  • Packaging problem with the History.txt not being shipped

3.0 - (2012-12-04)

  • Added Selectivizr which adds pseudo-classes to Internet Explorer 6-8. Things like nth-child, first-child…

2.0 - (2012-08-01)

  • Hid the ability for transparent png’s in IE6 since it was a load for Internet Explorer other than IE6. Directions for reenabling is in the README.txt file.

1.0.2 (2011-05-26)

  • Added support for transparent png’s(IE6) and css3pie. This allows for Internet Explorer IE 6,7,8 to do css 3 type things like rounded corners and gradients.

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.

Filename, size & hash SHA256 hash help File type Python version Upload date
Products.EasyAsPiIE-3.0.1.tar.gz (73.1 kB) Copy SHA256 hash SHA256 Source None Dec 10, 2012
Products.EasyAsPiIE-3.0.1.zip (84.8 kB) Copy SHA256 hash SHA256 Source None Dec 10, 2012

Supported by

Elastic Elastic Search Pingdom Pingdom Monitoring Google Google BigQuery Sentry Sentry Error logging AWS AWS Cloud computing DataDog DataDog Monitoring Fastly Fastly CDN DigiCert DigiCert EV certificate StatusPage StatusPage Status page