Hmm, sounds like it could be a bug in the 2.0 loader code. This part of the code is looking through the document's stylesheets until it finds one whose CSS content contains the behavior:url() rule, and uses the path in that url() to know where to load the rest of the files from.

My guess would be that while it's looking into the stylesheets, it's coming across one that it isn't allowed to read from. Is there maybe a stylesheet in your doc that is from a different domain? Is there any other special aspect to one of your stylesheets? It loops through the stylesheets backward from last to first, if that helps.

(BTW, active development of PIE has pretty much halted, but I'd be happy to push a patch for this if we can identify a fix.)

Can you please try using this build: PIE.zip [96.02 KiB]
Downloaded 8221 times


I've added a try/catch around that part of the code, which should keep it from failing on external stylesheets and just move on to the next one. Let me know if it works and allows you to keep using your TypeKit stylesheet.

Thanks for your help in narrowing this down!

Great! Glad to know that worked. I'll try to put out a maintenance release with that fix soon.

As to your questions:

A) Correct, it won't work on pseudo elements. That's because IE itself doesn't support behavior:url() on pseudos, and also because pseudos have no DOM to access via JavaScript.

B) I've spent countless hours trying to get inset shadows to work. I've never gotten any further than very simplistic shadows with no offset. VML just isn't expressive enough to render what we would need. So no, unfortunately, I don't expect this will ever work.

C) This is also a limitation of VML. The docs do mention it in the gradients section -- "The background-size/origin/repeat/position parameters are not supported for gradients in IE 6-8" but they could definitely be clearer about that when discussing background-size in the -pie-background section. It should work in IE9 though.