visitor (0 QPoints)
  • FR
  • EN
  • NL
  • DE
  • ES
315 experts, 1193 registered users, 1659 questions already answered
European Experts Exchange, the very best site for high-quality IT solutions

New Improved Search!

 


05/10/2011 1h30 : Steve Jobs is dead, the father of Apple ][ is gone, we are all orphaned.

Web :: Browser issues :: z-index problem with Internet Explorer between DIV and SELECT
By: Josdeveld Belgium  Date: 02/05/2006 09:31:56  English  Points: 20 Status: Answered
Quality : Excellent
Hello,

I think I have the classical z-index problem with Internet Explorer between DIV and SELECT. The SELECT stays "on top" whatever the z-index is set to.

How to solve this ?
By: VGR Date: 02/05/2006 09:33:03 English  Type : Answer
Salut :D

Have a read at this page

Here's a sample code :

<html> <head> <script> function DivSetVisible(state) { var DivRef = document.getElementById('PopupDiv'); var IfrRef = document.getElementById('DivShim'); if(state) { DivRef.style.display = "block"; IfrRef.style.width = DivRef.offsetWidth; IfrRef.style.height = DivRef.offsetHeight; IfrRef.style.top = DivRef.style.top; IfrRef.style.left = DivRef.style.left; IfrRef.style.zIndex = DivRef.style.zIndex - 1; IfrRef.style.display = "block"; } else { DivRef.style.display = "none"; IfrRef.style.display = "none"; } } </script> </head> <body> <form> <select> <option>A Select Box is Born ....</option> </select> </form> <div id="PopupDiv" style="position:absolute; top:25px; left:50px; padding:4px; display:none; background-color:#000000; color:#ffffff; z-index:100"> .... and a DIV can cover it up through the help of an IFRAME. </div> <iframe id="DivShim" src="javascript:false;" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none;"> </iframe> <a href="#" onclick="DivSetVisible(true)">Click to show DIV.</a> <a href="#" onclick="DivSetVisible(false)">Click to hide DIV.</a> </body> </html>
By: VGR Date: 02/05/2006 09:34:15 English  Type : Comment
Nota Bene : the blank lines above are in fact &lt;BR&gt; tags, and this is working for Internet Exploder 5.5 +

have fun :D
By: Josdeveld Date: 03/05/2006 10:44:58 English  Type : Comment
cool stuff, thanks.

Do register to be able to answer

©2010 These pages are served without commercial sponsorship. (No popup ads, etc...). Bandwidth abuse increases hosting cost forcing sponsorship or shutdown. This server aggressively defends against automated copying for any reason including offline viewing, duplication, etc... Please respect this requirement and DO NOT RIP THIS SITE.
Please DO link to this page! Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

EContact
browser fav
page generated in 338.769910 milliseconds

Why Google AdSense ads ?
compteur
 Ranking-Hits PageRank for this page