Solved

CSS absolute positioned div not having zorder respected in android

Posted on 2013-01-25
3
414 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
  • 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

Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

Question has a verified solution.

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

Suggested Solutions

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

831 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