I have a jsp that has ig:dropDownList controls and a ig:dialogWindow
My problem is that the ig:dropDownList controls display on top of the ig:dropDownList when the drop down should be displayed behind the dialog window.
Is there a way to fix this issue?
Hello Shaffer,
This is a known issue.
And it cannot be resolved since the <ig:dropDownList> is rendered as a SELECT element.
The <ig:menuItem> is rendered as a td element inside a table. That's why it is influenced by the z-index.
This is a know issue that IE6 SELECT element doesn't support z-index.
The SELECT element is not influenced by the z- Index and is shown above all the contents on the page.
The <ig:dropDownList> at the page is rendered as a select element.
From Microsoft Internet Explorer 5 to Internet Explorer 6,
this element is a windowed control and does not support the z-index attribute or zIndex property.
http://msdn.microsoft.com/en-us/library/ms535893%28VS.85%29.aspx
http://20.targetprocess.com/2006/07/ie6-select-and-z-index-problem.html
Hope this helps.