css - bgiframe with jQuery UI 1.8.9 Dialog and jQuery 1.5 -


so using jquery ui's dialog box. have read there common bug within ie6 (which unfortunate have make sure works for) dropdown lists not pay attention z-index queues. have read there handy plugin out there called bgiframe take care of overlay woes. have found 2 different ways people use it, , neither work. may doing stupid need working.

including jquery.bgiframe.js version 2.1.1 here 2 ways have attempted use without working: (i have included jquery-ui, jquery, , bgiframe in page working on)

  1. the documentation actual plugin says this:

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

    this cause jquery exception saying saying object expected.

  2. the second way saw following page: http://docs.jquery.com/ui/dialog/dialog set bgiframe: true when initialize dialog:

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

this not error out, problem still exists within ie6 when test out.

am missing something? way supposed use bgiframe? direction appreciated. thank help!

you don't need use plugin this. problem ie6 , z-index is, positioned elements in ie6 generate new stacking context starting z-index value of 0. therefore z-index doesn’t work correctly in ie6. workaround issue specify z-index value in parent selector equal z-index specified in child selector.

check working example @ http://jsfiddle.net/ebgnu/2/

below example did in 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> 

look @ .parent#a parent of child selector a have z-index of 1. in example, on top of b. let's want make b on top on a. need change values of both child a , it's parent z-index: 0. send back.


Comments

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -