IE 7 & 8 bug box-shadow Illegal input string in Vector2D
Hi
I've been using csspie for a while and it's a great piece of kit.
I was having an unusual amount of trouble with a box-shadow in ie 7 & 8 and think I've found a bug with negative box-shadow spreads.
Sadly I can't show it to you in the wild but here's my set-up and hopefully you can replicate.
Code:
.box {
position:relative;
float: left;
margin-left: -10px;
width: 620px;
height: 99px;
z-index: 20;
background: #d34a55; /* Old browsers */
background: linear-gradient(top, #d34a55 0%,#ca013a 100%); /* W3C */
/*loads of browser specific gradients*/
-pie-background: linear-gradient(top, #d34a55 0%,#ca013a 100%); /*PIE for css3 in ie 6-9*/
-moz-box-shadow: 0 4px 2px -2px #574e5a;
-webkit-box-shadow: 0 4px 2px -2px #574e5a;
box-shadow: 0 4px 2px -2px #574e5a;
behavior: url(PIE_uncompressed.htc);
}
I get an error in the IE console:
Code:
SCRIPT33426: Arg: Illegal input string in Vector2D
PIE_uncompressed.htc, line 3431 character 25
or in the compressed version
Code:
SCRIPT33426: Arg: Illegal input string in Vector2D
PIE.htc, line 76 character 358
which appears to relate to the values being passed to fill['focusposition']
Adding the following at line 3417 of PIE_uncompressed.htc fixes the problem, but I can't guarantee the behaviour remains unchanged.
Code:
totalW = (isFinite(totalW) && totalW != 0) ? totalW : 1;
totalH = (isFinite(totalH) && totalH != 0) ? totalH : 1;
thanks
Forums
