CSS3 PIE Forums
http://css3pie.com/forum/

box-shadow displaying incorrectly
http://css3pie.com/forum/viewtopic.php?f=3&t=122
Page 1 of 1

Author:  bl00dshooter [ Wed Aug 18, 2010 10:53 am ]
Post subject:  box-shadow displaying incorrectly

Hello guys,

I just started using PIE, it seens amazing.
While testing stuff, I decided to test some drop-shadow on a div. Cool, it works on firefox as a charm.
On ie, on the other hand, it doesn't.

Here is the relevant part of my css code:

Code:
#content2 {
  box-shadow:10px 10px 20px #000;
  -webkit-box-shadow:10px 10px 20px #000;
  -moz-box-shadow: 10px 10px 20px #000;
  margin: 50px;
  behavior: url(PIE.htc);
}


The relevant html code:

Code:
<div id="content2">
    sas
  </div>


Additional information:

Other properties works fine.
Not using any JS library or anything like that.
This happens on ie 6 (windows xp sp3) and ie8 (windows 7 ultimate edition), not tested on IE7.
The content2 div is not nested.
I am using the latest css3pie version.

Screenshots:

Attachment:
File comment: IE6 Screenshot, not the desired result.
ie6.PNG [6.81 KiB]
Downloaded 550 times


--

Attachment:
File comment: IE8 Screenshot, not the desired result.
ie8.png [5.78 KiB]
Downloaded 550 times


--

Attachment:
File comment: Firefox Screenshot, finally the desired result!
firefox.png [6.01 KiB]
Downloaded 550 times

Author:  jason [ Wed Aug 18, 2010 1:49 pm ]
Post subject:  Re: box-shadow displaying incorrectly

Unfortunately PIE doesn't yet mask out the background area in the shadow like other browsers do (and the spec dictates). See http://github.com/lojjic/PIE/issues/#issue/12

If you add a solid background color to the div it should display as you expect.

(Though it looks like there's some wonkiness in the middle of the shadow when it's long like that... I'll take a look at fixing that)

Author:  bl00dshooter [ Wed Aug 18, 2010 1:54 pm ]
Post subject:  Re: box-shadow displaying incorrectly

Oh yes, adding a background color seens to fix part of the issue.

it still remains that white risk nearly in the middle of it.

Attachment:
ie82.png [5.65 KiB]
Downloaded 542 times

Author:  jason [ Wed Aug 18, 2010 3:51 pm ]
Post subject:  Re: box-shadow displaying incorrectly

Is that IE8 running in IE7 or IE8 mode, and in standards or compatibility mode?

Author:  bl00dshooter [ Wed Aug 18, 2010 4:09 pm ]
Post subject:  Re: box-shadow displaying incorrectly

IE8 mode, standards.

Author:  jason [ Wed Aug 18, 2010 4:55 pm ]
Post subject:  Re: box-shadow displaying incorrectly

OK thanks, I'll look into why that might be happening. Looks like yet another stupid rounding error in IE8... :evil:

Author:  bl00dshooter [ Wed Aug 18, 2010 5:58 pm ]
Post subject:  Re: box-shadow displaying incorrectly

Thank you for your work and your response, what you do is really gonna save my day :P

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/