Can't get that z-Index to behave

Discussion in 'Javascript' started by George Hester, Aug 3, 2004.

  1. I have a floating div that basically just tracks as the page is scrolled.
    It's not fancy but I have it becasue well
    learning... Anyway the page just holds one image. The floating div will
    be off the image when the window is
    scrolled to the bottom. But at the bottom of the image I have three small
    gif images one on the far left the other in
    the middle and one on the far right (position: absolute). It is actually a
    popup window. Click the thumbnail image
    and its full version appears in a new window which slides in from the left.
    The navigation allows to go home, back
    to the collection of thumbnails, and the other to a listing page.

    Here's the problem as the floating div follows the window down it is resting
    over the top of one of the image links I
    have. I thought well I'll just z-Index the gifs (in their divs) higher then
    the z-Index for the floating div. No dice. It is
    still hiding the images. I can work around this behavior but using z-Index
    seems to be what I want. Any ideas?
    Thanks.

    --
    George Hester
    __________________________________
    George Hester, Aug 3, 2004
    #1
    1. Advertising

  2. George Hester

    Danny@Kendal Guest

    "George Hester" <> wrote in message
    news:ZAEPc.84965$...

    > Here's the problem as the floating div follows the window down it is

    resting
    > over the top of one of the image links I
    > have. I thought well I'll just z-Index the gifs (in their divs) higher

    then
    > the z-Index for the floating div.


    Try using z-index in the <div> elements which contain the GIFs rather than
    on the images themselves.
    Danny@Kendal, Aug 5, 2004
    #2
    1. Advertising

  3. Thanks yes that's wht I did. Now I see the necessity for transparent
    backgounds.

    --
    George Hester
    __________________________________
    "Danny@Kendal" <> wrote in message
    news:...
    > "George Hester" <> wrote in message
    > news:ZAEPc.84965$...
    >
    > > Here's the problem as the floating div follows the window down it is

    > resting
    > > over the top of one of the image links I
    > > have. I thought well I'll just z-Index the gifs (in their divs) higher

    > then
    > > the z-Index for the floating div.

    >
    > Try using z-index in the <div> elements which contain the GIFs rather than
    > on the images themselves.
    >
    >
    George Hester, Aug 7, 2004
    #3
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Codemonkey
    Replies:
    1
    Views:
    404
    Ying-Shen Yu[MSFT]
    Oct 30, 2003
  2. Joe Burnett
    Replies:
    0
    Views:
    2,040
    Joe Burnett
    Sep 7, 2003
  3. Karen Grube

    Urgent: How can I get the enter key to behave like a tab key?

    Karen Grube, Nov 28, 2004, in forum: ASP .Net Web Controls
    Replies:
    3
    Views:
    290
    Karen Grube
    Nov 29, 2004
  4. Just Another Victim of the Ambient Morality

    How can two references to the same object behave differently?

    Just Another Victim of the Ambient Morality, Apr 20, 2006, in forum: Ruby
    Replies:
    5
    Views:
    157
    Robert Klemme
    Apr 20, 2006
  5. Tomasz Chmielewski

    sorting index-15, index-9, index-110 "the human way"?

    Tomasz Chmielewski, Mar 4, 2008, in forum: Perl Misc
    Replies:
    4
    Views:
    270
    Tomasz Chmielewski
    Mar 4, 2008
Loading...

Share This Page