Jquery Dialog and Dropdown Boxes

Question

My dropdown boxes are showing through a jquery modal popup dialog, how do I fix this? I am using IE6 and Jquery 1.3.2 and I have the dialog bgiframe set to true.

Any ideas?

KyleFarris · Accepted Answer · 2009-05-14 17:21:50Z

5

Do you have the actual bgiframe plugin included on your page? I'm pretty sure you still need that.

http://plugins.jquery.com/project/bgiframe

answered May 14, 2009 at 17:21

KyleFarris

17.6k5 gold badges43 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tony Borf Over a year ago

That was it, I needed to add the bgiframe project to the page.-Thanks.

Tony Borf Over a year ago

Still kind of odd... It works but makes all my dropdowns on the page vanish while the popup is there. But the jquery datapicker you can still see the dropdowns behind it.

John G · Accepted Answer · 2009-05-14 16:26:44Z

0

You may want to try setting the z-index property on your modal div to something high, like 10.

#modalDialogID { z-index: 10; }

answered May 14, 2009 at 16:26

John G

3,5331 gold badge25 silver badges12 bronze badges

Comments

S Philp · Accepted Answer · 2009-05-14 17:42:29Z

0

I am sure with IE 6 drop down lists show through no matter what the z-index. A work around would be to hide the drop down list/inputs involved when you initiate modal popup.

Link outlining the problem which effects IE6 and 7 wow.

http://jonathanstegall.com/2009/01/15/ie-z-index-bug-with-css-dropdown-menu/

edited May 14, 2009 at 17:42

answered May 14, 2009 at 17:28

S Philp

4523 silver badges14 bronze badges

Collectives™ on Stack Overflow

Jquery Dialog and Dropdown Boxes

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related