Solved

Reveal Modal z-index issue

Posted on 2013-01-24
7
388 Views
Last Modified: 2013-09-20
Hi, I'm trying to get the Reveal Modal to work here:

http://www.popweightloss.com/

link is hidden in white text, in header, in white section, just under "Online Program" link in upper navy header. it is white text that says "Modal"

when clicked on it drops down a video, which is cool, but can't seem to get gray nav bar behind modal background - i had it working in a widget, but when i moved it inside header.php something happened.

not sure if it is a z-index issue or something related to css inheritance...

thanks.
0
Comment
Question by:shinnmill
[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
  • 3
  • 2
7 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 38815926
There's a class .jqueryslidemenu with a z-index of 2000. Either remove it or lower the z-index and you'll be good.
0
 

Author Comment

by:shinnmill
ID: 38815953
I'll try that, but I believe at one point I had the z-index of the Modal background at 9998 and the Modal itself at 9999 and it wasn't working at that point either.
0
 

Author Comment

by:shinnmill
ID: 38815977
i take that back - i'm no expert :)

that does work, but i'm afraid of changing that .jqueryslidemenu z-index value of 2000 or removing it, as i didn't build this theme, just hacked, i mean customized it.

how come, changing the modal background z-index to 2001 and the modal z-index to 2002, doesn't work for this?

thanks for the quick response
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 38816010
Try changing it to just 100.
0
 

Author Comment

by:shinnmill
ID: 38817272
changing it to 100 works.

thanks.

couple of questions:

how come it works with 100, 200, 300, but not 400 and above?

how did you determine that was the issue?
0

Featured Post

[Webinar] Learn How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them. Thursday, July 13, 2017 10:00 A.M. PDT

Question has a verified solution.

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

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
In this article you will learn how to create a free basic website on Bitbucket, a git service provider. Polymer creates dynamic HTML components, which allow more flexibility than static HTML. This tutorial uses Ubuntu Linux but can also be done on W…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
Suggested Courses

623 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