CSS3 PIE Forums

A Tip for fixing dissappearing borders
Page 1 of 1

Author:  atetlaw [ Wed Sep 22, 2010 7:27 pm ]
Post subject:  A Tip for fixing dissappearing borders

Hopefully this might help someone.

I had a problem with border-radius, in IE the borders would disappear, they'd be invisible.

Using the IE dev tool, I noticed that the css3-container element had a z-index set to -1. Sure enough if I disabled tht property the border would appear.

Looking at the source I notices this line in the updatePos method of the RootRenderer class:

s.zIndex = el.currentStyle.position === 'static' ? -1 : el.currentStyle.zIndex;

So I set the element with the border to have position: relative; and it changed the z-index value of the css3-container to auto.

And there was much rejoicing.

Author:  dalemoore [ Thu Oct 07, 2010 10:12 am ]
Post subject:  Re: A Tip for fixing dissappearing borders

I registered an account just to say thank you for this post! :mrgreen: Didn't make sense why the borders would just vanish like that. Thanks again.

Author:  jason [ Thu Oct 07, 2010 8:13 pm ]
Post subject:  Re: A Tip for fixing dissappearing borders

FYI this is the first thing mentioned on the Known Issues documentation page. It gives a technical explanation of why it's necessary.

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group