Hi everyone!

Sorry, I badly know English and I use a translator.

I use PIE to develop some web projects. In my opinion, PIE - the best solution to provide support for some CSS3 features in IE. Probably should not have to create a new topic, but I noticed some inaccuracies (screenshot attached).



I am interested in the development of CSS3 features for IE. I created a small script to emulate the 'box-shadow' property (project moved on GitHub). The script is partially supported 'inset' option, and I plan to make full support for this property (if there is enough free time and knowledge).

The inaccuracies you describe are known issues. The bumps on the border corners is https://github.com/lojjic/PIE/issues/11 and is fixed in latest master. The sharp shadow with negative spread is https://github.com/lojjic/PIE/issues/183.

Thanks for linking to your project. It's clear you've borrowed implementation ideas from PIE's source code (perhaps even copy-pasted some of it? similar variable names and such) which I'm fine with but please consider adding some attribution.

Your implementation of inset box-shadow is pretty much what I did in PIE's original implementation and threw it away due to its limitations. I think you'll find that your approach breaks down as soon as border-radius is involved. Also be careful with clip:rect() in IE8 - it does strange things sometimes with sub-pixel rendering where it sticks out of the clipping rect slightly.

Would you consider doing this work within PIE itself rather than as a new standalone project? I think we could both benefit. I'm happy to assist.

Thanks jason for your answer!

I assumed that these inaccuracies are known (sorry for the extra report).



Sorry, corrected (added link and description to the source code).



Yes, I know about these limitations. There are some ideas of how to get around some of them (if they are effective, I will certainly tell about it). Also, the shadow without border-radius is often quite used.



My script - just a experimental project. It is unlikely that it will be a real project.

I wish the success of your project. Thank you!

Hi!

Glad to see that inset box shadows are partially possible. It would be nice to enable this feature in PIE on elements which don't use border-radius. (unless you find a way to make both of them work together, of course... but I guess that's not easy at all... or impossible)

Yeah I plan to try doing that soon. The architecture changes in the master branch (2.0) should actually allow for use along with border-radius, as long as the inset shadow is not offset at all.

Some problems with positioning (screenshot from IE7). Also, quickly checked in IE6 and IE8.



Quick fix:

1) For fixed elements:



2) For elements with a width not specified in pixels and for a parent with a scroll bar:



P.S.: glad to hear about the imminent appearance of support for the inset shadows!
P.P.S.: my experimental project has moved on GitHub

@NXHOUND: Thanks, would you mind please submitting these fixes as pull requests in GitHub, and include your testcase document in the 'tests' directory for future testing?

@jason: Unfortunately, I've recently been working with a distributed version control system and don't really understand all the intricacies. The testcase document will be attached to the message.

Hi. I'm experiencing the exact "positioning" problem NXHOUND posted above when an element is being applied with box-shadow or border-radius. Tried both Pie versions but to no avail. Help please?

Thanks.