Weird - also, now in IE the large images stay shown even when you're no
longer hovering.  Sorry to say I've no idea why... :-/

Good luck,
Andy

On 1/7/07, Jehangir Larry <[EMAIL PROTECTED]> wrote:
>
>  THANKS Andy.
> I did as you said, and mostly it works fine.
> The z-index although doesn't seem to respond. So I reduced the size of the
> large pic and gave it a -ve top margin, to avoid overlaps between small and
> large (on hover) images. Otherwise the small one keeps peeking through the
> hovered one.
> Why is this despite .pic having a z-index = 100 and .pic a .large having =
> 1000! (The 1000 is in frustration!)
> We live and we learn.
> Thanks again.
> Larry
>
> ----- Original Message -----
> *From:* Andy Harrison <[EMAIL PROTECTED]>
> *To:* Jehangir Larry <[EMAIL PROTECTED]>
> *Cc:* css-d@lists.css-discuss.org
> *Sent:* Sunday, January 07, 2007 6:57 AM
> *Subject:* Re: [css-d] IE issue
>
> Sorry Larry, I don't see what's causing that.  I did notice that the image
> popups don't work correctly in IE 6 though (they aren't absolutely
> positioned); who knows, it may have something to do with that.  I have a few
> suggestions for your CSS:
>
> .pic a .large {
>      /*...*/
>      display:none;   /*instead of block; so it's hidden until you hover -
> and so you don't have to make it a single pixel to hide it*/
>      z-index:1;   /*or greater; so the large image shows above all the
> smaller ones*/
> }
>
> .pic a.p1:hover .large {
>      /*get rid of position:fixed - this is probably causing the problem
> with the popups in IE; leave it as absolute*/
> }
>
> Hope that helps in some way :-)
>
> Andy
>
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to