Hi,
Yes it is modified, because the div itself (not the blocking overlay) comes
over the ul/li elements when calling blockUI on it.
And yep I tried to change the baseZ option. I set it to 1, 0... And I set my
ul/li zindex to 100000000 with no effect.
Here is some sample code, so that is easier to understand :
[code]
<div id="content">
<div id="tabsList">
<ul id="homeTabs">
<li id="tab_publications">Publications</li>
<li id="tab_favorites">Favorites</li>
<li id="tab_tasks">Tasks</li>
<li id="tab_planning">Planning</li>
<li id="tab_etc">Etc</li>
</ul>
<div class="clear"> </div>
</div>
<div id="tabContent"></div>
</div>
[/code]
[code]
$('#homeTabs li').click(function()
{
var oThis = $(this);
var sTab = oThis.attr('id').split('_')[1];
SScreenWorkspace.showTab(sTab);
});
And in showTab I do (among other stuff that is not generating the bug) :
$('#tabContent').block();
[/code]
If I let this line, the bug appears. If I comment out this line, the bug
disappears.
[code]
#homeTabs
{
padding: 0;
margin: 0;
margin-bottom: -1px;
list-style: none;
overflow: hidden;
z-index: 10;
}
#homeTabs li
{
float: left;
display: block;
padding: 3px 16px;
margin: 2px;
margin-bottom: 0;
border: 1px solid gray;
-border-bottom: 0;
cursor: pointer;
background: #DDDDDD;
z-index: 10;
}
#tabContent
{
clear: both;
height: 200px;
border: 1px solid gray;
background: #FFFFFF;
padding: 10px;
z-index: 0;
}
[/code]
Thank you for your help !
malsup wrote:
>
>
>> The issue is that, when calling blockUI on that DIV, it makes the div go
>> above the UL/LI elements. I tried to change the zindex values everywhere,
>> with no effect. I do not understand why the DIV is modified by blockUI ?
>
> The div is not modified, it's the blocking overlay that has a higher
> zIndex. Did you try adjusting the baseZ option?
>
> Mike
>
>
--
View this message in context:
http://www.nabble.com/BlockUI-overlapping-issue-with-element-negative-margin-tp24110660s27240p24113135.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
