On Thu Jan 22 2015 at 11:02:52 AM Chris Rockwell <ch...@chrisrockwell.com> wrote:
> Here is an old article on z-index which may provide some insight: > http://yagudaev.com/posts/getting-reliable-z-index-cross-browser/ > > Specifically: > > *Another problem is that if the element has no z-index, but its container > does, the z-index returned would be auto in all browsers other than IE7, > which returns 0. To deal with this situation we need to specify that the > z-index should be inherited from the container. We do this by saying > z-index: inherit, which will solve our problems in most browsers. IE7 > proves to be different, luckly it is different enough that we can write a > simple if statement to check if the value returned is zero, if it is, get > the value from the parent.* > > Chris Rockwell > > On Thu, Jan 22, 2015 at 10:57 AM, Chris Rockwell <ch...@chrisrockwell.com> > wrote: > >> I think if you add a z-index to everything that is position:relative it >> will solve the issue (.circle-button, .plant-it). It doesn't appear that >> those need position:relative anyway. >> >> I'm not sure why this is happening, but there seems to be a lot of >> threads in google about safari z-index issues. >> > So I tried this: section, section *, aside, aside *, footer, footer *{ position: relative; z-index: 900; } No success. I used the * selector thinking it would do what the above paragraph suggests, which is adding z-index to children of the container that has z-index specified. Is this an incorrect way of accomplishing that? ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/