Bgiframe with jQuery 1.8.9 UI Dialog and jQuery 1.5

Question

So, I am using the jQuery UI dialog box. But as I read, there is a general error in IE6 (unfortunately, I have to make sure that this works) where the dropdowns do not pay attention to the z-index queues. I also read that there is a handy plugin called bgiframe to take care of my overlay troubles. I found 2 different ways people say to use it, and none of them work. I can just do something really stupid, but I need to get this to work.

including jQuery.bgiframe.js Version 2.1.1 Here are two ways I tried to use it without working: (I included all jQuery-UI, jQuery and bgiframe on the page I'm working on)

• The documentation from the actual plugin says this:

  $("#selectDropdownThatNeedsFixing").bgiframe();
  

  This raises a jQuery exception saying that the Object is expected.

• The second method, which I saw from the following page: http://docs.jquery.com/UI/Dialog/dialog , basically you just set the bgiframe: truedialog when initializing:

  $( ".selector" ).dialog({ bgiframe: true });
  

This is not a bug, but the problem still exists in IE6 when I test it.

Am I missing something? How should I use bgiframe? Any direction would be greatly appreciated. Thanks for the help!

Answer 1

. IE6 z-index , IE6 , z- 0. z-index IE6. - z-index , z-, .

http://jsfiddle.net/ebgnu/2/

, jsfiddle.

.parent{
    position: relative;
    color:white;
}
.parent#a {
    height: 2em;
    z-index: 1;
}
.parent#a .child{
    position: absolute;
    height: 6em;
    width: 2em;
    z-index: 1;
    background:blue;
}
.parent#b {
    height: 2em;
    background:red;
}

<div class="parent" id="a">
    <div class="child">a</div>
</div>
<div class="parent" id="b">
    <div class="child">b</div>
</div>

.parent#a a, z- 1. a b. , . , , a, z-index: 0. .

Answer 2

, bgiframe dialog, < select >. jQuery, , bgiframe .

jQuery Exception, , , , (#selectDropdownThatNeedsFixing).

, IE Developer, , iframe.