Products.EasyAsPiIE 1.0.2

This enables you to do CSS 3 things for IE
Products.EasyAsPiIE is a Plone product that allows you to make sites faster since you don't need to worry about some of the hang ups from Internet Explorer.

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]>

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*/
}

last updated on:
May 28th, 2011, 13:13 GMT
price:
FREE!
developed by:
WebLion Group
homepage:
weblion.psu.edu
license type:
GPL (GNU General Public License) 
category:
ROOT \ Internet \ Plone Extensions

FREE!

In a hurry? Add it to your Download Basket!

user rating

UNRATED
0.0/5
 

0/5

Add your review!

SUBMIT