Page 1 of 1

JQuery: Combobox always on the top when i show dialog in IE6

Posted: Tue Apr 28, 2009 4:25 am
by nv_thien
i used JQuery to show a dialog. but Combobox in the parent form always show on top. (you can look at my attachment)

it works fine on FF and IE 7+. but in IE6 me show me this problem.

anybody can help me? or so you have any solution to solve this problem?

it's very urgent with my project

Thanks all brothers

Thien Nguyen

Re: JQuery: Combobox always on the top when i show dialog in IE6

Posted: Tue Apr 28, 2009 6:45 am
by kaszu
Workaround is to place transparent iframe above the 'combo-box'. Quick google search returned this.
Other solution is to hide all combo-boxes when lightbox is shown and show when lightbox is hidden.

Re: JQuery: Combobox always on the top when i show dialog in IE6

Posted: Tue Apr 28, 2009 11:52 am
by pickle
IE6 doesn't listen to z-index very well. There was a plugin for jQuery called bgiframe that I think did just what ~kaszu says to do. I think it's been implemented in the core now, but I'm not sure how to use it to solve your problem.

Re: JQuery: Combobox always on the top when i show dialog in IE6

Posted: Tue Apr 28, 2009 10:24 pm
by nv_thien
pickle wrote:IE6 doesn't listen to z-index very well. There was a plugin for jQuery called bgiframe that I think did just what ~kaszu says to do. I think it's been implemented in the core now, but I'm not sure how to use it to solve your problem.

Hi guy

i try to use it, but it can't solve my problem. any other idea?

Thanks and best regards
Thien Nguyen

Re: JQuery: Combobox always on the top when i show dialog in IE6

Posted: Wed Apr 29, 2009 8:18 am
by kaszu
From bgiframe documentation:
The element needs to have position (relative or absolute) and should have a background (color or image)