You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Z-order problem with tooltip Created Jan 29, 2010

This thread is solved

Views: 2700     Replies: 6     Last reply Aug 8, 2011  
You must login first before you can use this feature

tomdmeau

Posts: 2

Registered:
Jan 29, 2010

Z-order problem with tooltip

Posted: Jan 29, 2010

I have a tooltip that pops up correctly except that it is partially covered under another DIV. I have tried to change the z-order in CSS to bring it to the top but it is not working. Anyone have any idea's what I maybe doing wrong.

Thanks

Tom

bob@sturim.org

Posts: 8

Registered:
Aug 28, 2009

me too

Posted: Jan 30, 2010

Reply to: Z-order problem with tooltip, from tomdmeau
does this only happen in IE?

tomdmeau

Posts: 2

Registered:
Jan 29, 2010

Z-order problem

Posted: Jan 30, 2010

Reply to: me too, from bob@sturim.org
This happens in IE7, IE8, FF3.5

wastedbrain

Posts: 1

Registered:
Jan 31, 2010

» Z-order problem

Posted: Jan 31, 2010

Reply to: Z-order problem, from tomdmeau
Which value did you set for z-index property?

glendeljfyne

Posts: 1

Registered:
Feb 18, 2010

» Z-order problem with tooltip

Posted: Feb 18, 2010

Reply to: Z-order problem with tooltip, from tomdmeau 

onBeforeShow: function(toolTipEvent, toolTipPosition) {
  this.getTip().css({'z-index':'100'});
}

mogmismo

Posts: 1

Registered:
Sep 29, 2010

» » Z-order problem with tooltip

Posted: Sep 29, 2010

Reply to: » Z-order problem with tooltip, from glendeljfyne
Remember to remove the z-index when you tool off:

onBeforeShow: function(event, position){
	this.getTrigger().css('z-index','9999');
},
onHide: function(){
	this.getTrigger().css('z-index','1');
}

And in some situations (due to IE's crazy z-index feature/bug, you have to set the z-index on a parent:


onBeforeShow: function(event, position){
	this.getTrigger().parent().css('z-index','9999');
},
onHide: function(){
	this.getTrigger().parent().css('z-index','1');
}

•