Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

CSS absolute positioned div not having zorder respected in android

Posted on 2013-01-25
3
Medium Priority
?
428 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 2000 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

This article discusses four methods for overlaying images in a container on a web page
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

722 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