Forums
View unanswered posts | View active topics It is currently Thu Dec 18, 2014 9:57 pm



Reply to topic  [ 7 posts ] 
 box-shadow displaying incorrectly 
Author Message

Joined: Wed Aug 18, 2010 10:40 am
Posts: 5
Post 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


Wed Aug 18, 2010 10:53 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1448
Post 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)


Wed Aug 18, 2010 1:49 pm
Profile

Joined: Wed Aug 18, 2010 10:40 am
Posts: 5
Post 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


Wed Aug 18, 2010 1:54 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1448
Post Re: box-shadow displaying incorrectly
Is that IE8 running in IE7 or IE8 mode, and in standards or compatibility mode?


Wed Aug 18, 2010 3:51 pm
Profile

Joined: Wed Aug 18, 2010 10:40 am
Posts: 5
Post Re: box-shadow displaying incorrectly
IE8 mode, standards.


Wed Aug 18, 2010 4:09 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1448
Post 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:


Wed Aug 18, 2010 4:55 pm
Profile

Joined: Wed Aug 18, 2010 10:40 am
Posts: 5
Post Re: box-shadow displaying incorrectly
Thank you for your work and your response, what you do is really gonna save my day :P


Wed Aug 18, 2010 5:58 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 7 posts ] 

Who is online

Users browsing this forum: Exabot [Bot], Google [Bot], Yahoo [Bot] and 5 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.