Hi guys.
I use PIE.htc in my Project but it don't work as it should.
An error ('null' is null or not an object) occurs only on 2 buttons on my website.
I used the uncompressed version for debugging a little bit and so i got that cs=null, but el.currentStyle isn't.

Here the Code from PIE_uncompressed.htc (starting at Row 1311)
/**
* Get the raw CSS value for the target style
* @return {string}
*/
getCss: cacheWhenLocked( function() {
var el = this.targetElement,
ctor = this.constructor,
s = el.style,
cs = el.currentStyle,
cssProp = this.cssProperty,
styleProp = this.styleProperty,
prefixedCssProp = ctor._prefixedCssProp || ( ctor._prefixedCssProp = PIE.CSS_PREFIX + cssProp ),
prefixedStyleProp = ctor._prefixedStyleProp || ( ctor._prefixedStyleProp = PIE.STYLE_PREFIX + styleProp.charAt(0).toUpperCase() + styleProp.substring(1) );
return s[ prefixedStyleProp ] || cs.getAttribute( prefixedCssProp ) || s[ styleProp ] || cs.getAttribute( cssProp );
} ),

So please anyone who has an idea about this problem help me please.

Can you put together a standalone testcase that triggers this error? There have been several users reporting this issue, but without a reliable way to reproduce the issue it is extremely difficult to implement a proper fix.

I don't think that i can make standalone testcase.
But i found the <div> (my toolbar) which throws the error but only on 2/4 buttons.

I'v got a main.css in my site which sets styles for this <div>:
#ToolBar1__div {
background-color: #FFFFFF;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}

And i'v got a mainIE.css:
#ToolBar1__div {
box-shadow: 0px 4px 4px 0px rgb(200, 200, 200);
behavior: url(Skins/PIE.htc);
}


and on the .html site i referenced like this:
<link rel="stylesheet" type="text/css" href="Skins/main.css" />
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="Skins/mainIE.css" />
<![endif]-->


is there anything PIE.htc could have a problem with?

Hi again,

I created a test case but could not reproduce the issue so am parking this for now.

However, I discovered that my TH elements did have a PIE style applied in a global stylesheet, but this was disabled (via behavior:none !important) in a page-specific stylesheet.

Removing the PIE styling from THs in the global stylesheet resolved my issue.

Perhaps this gives a clue as to how to resolve this?


Thanks,
Dan

I've got a repeatable test case, but I'd rather not post the code to the public. How do I get you the files to recreate the error?