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.

Source Distributions

Products.EasyAsPiIE-3.0.1.zip (84.8 kB view details)

Uploaded Source

Products.EasyAsPiIE-3.0.1.tar.gz (73.1 kB view details)

Uploaded Source

File details

Details for the file Products.EasyAsPiIE-3.0.1.zip.

File metadata

File hashes

Hashes for Products.EasyAsPiIE-3.0.1.zip
Algorithm Hash digest
SHA256 4ee3f41b2d8886b5444ad0f2a6ddef0b807bcae471d1530593922f4ed852a206
MD5 e1af4c5c8280137771f0dc709063c9a7
BLAKE2b-256 7719a4853f6df613bf5014e0daa41e4b6000ac556c72f8987874b1de925e9286

See more details on using hashes here.

File details

Details for the file Products.EasyAsPiIE-3.0.1.tar.gz.

File metadata

File hashes

Hashes for Products.EasyAsPiIE-3.0.1.tar.gz
Algorithm Hash digest
SHA256 464f20d0e9a6acd107e5e3c0a3264a1e5d2e478ca9a1a5db1dde73da8a7a821e
MD5 c1a68a2ce7922f558113b3386a313cdd
BLAKE2b-256 dacbd20222394eba61753c55788a6d7ff2e1834fe11921bb7042a185992662b8

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page