On Jan 22, 2015, at 10:38 AM, Tom Livingston <tom...@gmail.com> wrote:
> 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? I believe if an element is going to have children that are at different z-indexes within it, then that parent element's display should be "block" to start a new block level? I don't remember where I read this but I believe that is what I read. Could be mistaken. No time to research atm unfortunately, so hope its not a goose chase. Best, Karl DeSaulniers Design Drumm http://designdrumm.com ______________________________________________________________________ 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/