How do I make BO appear OVER layers?

[propertycoach]

Hello

I am using this great piece of script, and really appeciate it's use however I am having trouble with it when used in conjunction with layers.

My particular page has a picture (embedded in a layer) and then, to create areas within the picture that, when hovered over, information shows using Boxover.

In order to create these 'hotspots' for the correct information I have created further layers in a 'family format so that if the parent layer is moved all the child layers move correctly and so the hot spots stay in the right places.

When I tried Boxover however, the information floats BELOW the layers.

Any advice?

I am quite good at using Dreamweaver...but not a master programmer so some simple step by step answer would be great.

Thanks in advance

Property Coach

[franz]

Hi,
I came across this problem too and found that solution, it doesn't seem to break anything else.

Here's the trick :

edit your box over javascript file at this function :

function init() {
	oDv.appendChild(dvHdr);
	oDv.appendChild(dvBdy);
	oDv.style.position="absolute";
	oDv.style.visibility='hidden';
	document.body.appendChild(oDv);	
}

(for me it is at line 26)

and add this line :

oDv.style.zIndex="100";

like this :

function init() {
	oDv.appendChild(dvHdr);
	oDv.appendChild(dvBdy);
	oDv.style.position="absolute";
	oDv.style.visibility='hidden';
	oDv.style.zIndex="100";
	document.body.appendChild(oDv);	
}

Now if it doesn't work you can put a higher value.

z-index css property info : http://www.w3schools.com/css/pr_pos_z-index.asp

Good luck !

[z-indexer]

SANTA SHALL BRING YOU MANY PRESENTS THIS YEAR, OH WISE INTERNET WITCH PRIEST.

Seriously thank you. This really saved me some big headaches.

Cheers.