
Exclude PIE rendering for an element
Hi,
one of my elements that use PIE.htc to render box-shadow is hidden by default and might be displayed using jQuery. Unfortunately, the first time this hidden element is shown, the box-shadow rendered by PIE is misplaced. Any consecutive hide/show toggles will make it render at the right place.
As I can't seem to fix this, is it possible to exclude a single element from being rendered by PIE.htc?
Something like:
Code:
.shadowed {
box-shadow: 0 1px 6px #666;
behavior: url(/path/to/PIE.htc);
}
#no-shadow {
behavior: none !important;
}
Code:
<div id="no-shadow" class="shadowed">
PIE won't work here..
</div>