Maybe will help: (via http://benfrain.com/z-index-stacking-contexts-experimental-css-and-ios-safari/ )
*So, what’s the take away here? Simple. If you are having problems with z-index’ing items and you have the position property applied and a correct z-index value applied, ensure you don’t have a CSS property such as transform on the root element (or -webkit-overflow-scrolling: touch; on iOS 6). It’s more than likely that this is creating a new stacking context for the enclosed elements.* On Wed, Nov 6, 2013 at 2:29 PM, Chris Rockwell <ch...@chrisrockwell.com>wrote: > I think that link is for your local machine. > > > On Wed, Nov 6, 2013 at 2:11 PM, Rick Lecoat <li...@sharkattack.co.uk>wrote: > >> I've got a drop-down menu on one of my navigation items, which is >> position:absolute, with a z-index of 300 (I tend to set z-index in large >> increments). When hover-actiavted it appears over some text; that text has >> position:relative and z-index:0. It all works fine, including in IE8+, >> /except/ in iOS6 (I've not tested in iOS7 yet), where the text OVERLAYS the >> drop-down menu. (The text is later in the source than the menu). >> >> Making the text position:static fixes the problem but I need that text to >> have a position:relative. FWIW I'm also seeing the issue in IE7, but I'm >> not so worried about IE7 these days. >> >> URL: http://authorsites-local:8888/news >> (I've locked the drop-down menu in the 'hover/active' state for >> convenience, though that might change as I work. In any case, the drop down >> is triggered from the 'Writing' menu). >> >> NB. The issue manifests in iOS but at iPhone breakpoints the menu >> structure is different, so you'll want to look at it on an iPad to see it >> as intended. >> >> Any help much appreciated. Thanks. >> Rick >> ______________________________________________________________________ >> 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/ >> > > > > -- > Chris Rockwell > -- Chris Rockwell ______________________________________________________________________ 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/
