Scribd
Upload
11 views

Css3 Pie: Behavior: Url (PIE - HTC) - Script Must Search ".Content" El' 4 CSS3

CSS3 PIE is a polyfill that emulates CSS3 properties in older versions of Internet Explorer, but it has some limitations. It does not work for border-radius on nested list items and can cause slow performance emulating some properties. To use it, the PIE.htc file needs to be placed in the root directory and referenced in a behavior rule targeting elements to polyfill, along with adding CSS3 properties prefixed with "-pie-".

Uploaded by

Anonymous XSNBQQ4y
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
11 views

Css3 Pie: Behavior: Url (PIE - HTC) - Script Must Search ".Content" El' 4 CSS3

CSS3 PIE is a polyfill that emulates CSS3 properties in older versions of Internet Explorer, but it has some limitations. It does not work for border-radius on nested list items and can cause slow performance emulating some properties. To use it, the PIE.htc file needs to be placed in the root directory and referenced in a behavior rule targeting elements to polyfill, along with adding CSS3 properties prefixed with "-pie-".

Uploaded by

Anonymous XSNBQQ4y
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 1

CSS3 PIE

*Wont work on All ELs eg. Border-Radius Behavior !work on Nested <li>s
- so <nav> <a>s = NO Rounded Crnrs in IE6-8
- If something is taking ages to Emul8 in IE = Dont bother & just call it Prog. En/h
- can also = Use Imgs (if cant get PIE to Work)
*Funny Stuff can Happen when using PIE
1. D/L it
2. PIE.htc - in Root DIR
3. .ielt9 .content {
behavior: url(PIE.htc); - Script must Search .content El 4 CSS3
}
& Apply J/S to Emul8 Behaviour
.ielt9 #lowprices {
-pie-background: linear-gradient(#F30,#F90); /* Emul8 = Linear Grad */
behavior: url(PIE.htc); /* Border-Radius (so = a Circle) */
}

You might also like