• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 235
  • Last Modified:

z-index with iframe

On my page I have an iframe and a popup message box. The pop up box always appears underneath the iframe even with z-index set. Is there a way to get the pop up box to appear above the iframe?

To see go to the below page and at the bottom of the page mouse over the words 'privacy policy'

thanks for any help
1 Solution
Kiran SonawaneProject LeadCommented:
Have you tried with this

<div class="tooltip" style="position: absolute; left: 814px; top: 454px; display: none; z-index:1000">All personal information provided to CMR is kept strictly confidential and is not sold or exchanged with any other entity.</div>
elliottbenzleAuthor Commented:
Yes, I tried adding a z-index to both the iframe and the .tooltip div

Ne effect though.
If the iframe is not positioned it will not respond to z-index.  So position:relative or position:absolute my do it, however from the look of the code, I doubt that page validates, and there will probably be cross browser issues with it.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now