Author Topic: iFrame Overlapping problem  (Read 18039 times)

Offline hidden

  • ???
  • Posts: 1
  • I am new here.
iFrame Overlapping problem
« on: July 20, 2011, 01:26:45 AM »
Hi,
I have 5 iFrames in a page & also showing dropdown combo box inside the page.
But I want when I click on the iFrame drop down, it should pop-up over the page as well as over(top of) other pages.
I also have scroll bar in the drop down popup.

So now while clicking on drop down, it shows in the same page and I am not able to see it on top of other pages.
Kindly suggest.

Thanks
Nirmal

Offline hidden

  • Sami
  • Administrator
  • Senior Member
  • *****
  • Posts: 5924
  • Not a geek. Just a Nerd.
    • CSB Tutorials
Re: iFrame Overlapping problem
« Reply #1 on: July 20, 2011, 08:36:00 PM »
Easier to diagnose while looking at the page.
But my expectation is that you need to adjust the z-index so that the piece you need on top stays on top.

Code: [Select]
<iframe src="frame.htm" style="z-index:1" ></iframe>
Items are stacked from a smaller z-index value to a larger z-index value, and the value can be negative.
The higher the value, the closer the box is to the visitor.  High z-index will be on top of a lower z-index object.
Take a look at this demo.   https://developer.mozilla.org/en/Understanding_CSS_z-index/Adding_z-index
« Last Edit: July 20, 2011, 08:45:34 PM by Samrc »
-Samantha
TNG: "Sometimes, you can make no mistakes, do everything right, and still lose" - Capt Picard to Data
(:turtle: In memory of Turtle: May 22, 1944 - Nov 24, 2007  GURU, mentor, and really nice guy! :turtleleft: )

Offline hidden

  • ???
  • Posts: 2
  • I am new here.
Re: iFrame Overlapping problem
« Reply #2 on: October 20, 2014, 12:35:55 AM »
This post is great. Our very Knowledge is great

Offline hidden

  • ???
  • Posts: 2
  • I am new here.
    • gclub
Re: iFrame Overlapping problem
« Reply #3 on: November 26, 2014, 05:04:24 AM »
I need your help very much. I just restarted itself.