Solved

CSS absolute positioned div not having zorder respected in android

Posted on 2013-01-25
3
422 Views
Last Modified: 2013-01-25
An absolute positioned div with the highest zorder is not being respected in android. the modal has two input fields and a button.

i've googled it but could find no thorough answers as to why this happens and a solid pattern to solve the problem. So i decided to consult experts.

Any thoughts?
0
Comment
Question by:collages
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 38820728
When I google css3 z-index android  I see hundreds of reports of the problem with absolute positioned elements not respecting z-index.  I don't see any resolution to the bug.

You probably need to re-think the design not using absolute positioning, or drop support for android until the bug is fixed in some future release.

Cd&
0
 
LVL 1

Author Closing Comment

by:collages
ID: 38820797
Yeah, that's what i was hoping the answer wasn't... but the truth is the truth.  So I'll implement the "use another method" pattern if it's an Android device.

Just wanted to make sure I wasn't overlooking something.  Much appreciated.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 38820917
Each new release of software creates its own little problems, and each new device gives us a chance to get messed up.  It has been that way since the beginning of the Internet.  Sorry I didn't have a solution for this one.

Cd&
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question