[Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 406
  • Last Modified:

dropdown always on top in ie6


I cannot set the div to be on top of a dropdown in ie6. Works in other browser but not in ie6.

Z-order is not working.

Any ideas?
0
PagodNaUtak
Asked:
PagodNaUtak
  • 5
  • 2
1 Solution
 
Gurvinder Pal SinghCommented:
0
 
stergiumCommented:
hello.
use the z-index attribute and the zIndex property to change the stacking order of objects.
<img src="cone.jpg"
    alt="cone"
    style="position: absolute;
        top: 100px;
        left: 100px;
        z-index: 4">
<div style="position:absolute;
    top: 100px;
    left: 100px;
    color: red;
    background-color: #999966;
    font-weight:bold;
    z-index: 1">
...
</div>
0
 
PagodNaUtakAuthor Commented:
Hi stergium,

your try an example with a dropdown or a select input type. it will not work... in IE6...

The problem occurs only in dropdown.
0
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!

 
PagodNaUtakAuthor Commented:
IE6 sux. A div or ul with position:absolute. No matter how much you increase the value of z-index the select box (windowed element) will always remain on top most – yes only on a special browser, Internet Explorer 6. The reason is IE6 considers select element as windowed element and keeps it always on top layer.
0
 
Gurvinder Pal SinghCommented:
Not sure why do you have to support IE6. Do people still use it?

Also, did you tried wrapping your div into another div and then giving it z-index? the link that i shared earlier seems to suggest that it works
0
 
PagodNaUtakAuthor Commented:
Actually that is the first thing that comes to my mind. unfortumately, yes, someone still using it and mostly our executives. I do not know the reason why they are still using it.
0
 
PagodNaUtakAuthor Commented:
Set the css display none to hide it and display inline to show it.
So that the dropdown will not be on top if the div is visible..
0
 
PagodNaUtakAuthor Commented:
As stated in the comment
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

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