Hey

 

I'm stuck on this one so would be grateful for any help.

 

I have an anchor with a span in it. The anchor has position:relative on it and the span has position:absolute;top:0;left:0;

 

I want to hide the span behind the anchor. I've tried using z-index's but this isn't working. I'm guessing that only works if they are both positioned absolute.

 

I know I could use display:none but I don't want to because I'm animated the span as if its coming out from behind the anchor.

 

Thanks for any help

You can't hide behind it if it's contained by it. You will have to remove it from the anchor.

You could try positioning them both absolutely within a DIV and then using z-index to force the span behind the anchor.

 

Something like:

 

<div style="position:relative;">
<a style="position:absolute;z-index:1;top:0;"> link here </a>
<span style="position:absolute; z-index:0;top:0;"> </span>
</div>

 

Not sure if it's exactly what you mean!

 

Lyndsey.