Grow your CSS skills. Land your dream job.

Ie issue with relative, absolute position test

  • # June 17, 2008 at 12:28 pm

    Has anyone encountered a unwanted transparency problem with the popup/rollover? When you mouse over the 1st link the popup acts transparent and you can still see the 2nd link thru the popup. The issue is corrected with Mozilla using z-index, but that doesn’t see to work for ie7.0.

    Attached is the sample code.

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




    Test


    Category:
    List 1
    List 2
    List 3
    List 4
    List 5
    List 6
    List 7
    List 8

    Mouse over me


    Category 2:
    List 11
    List 12
    List 13
    List 14
    List 15
    List 16
    List 17
    List 18

    This text is can be seen during previous mouseover


    # June 17, 2008 at 12:51 pm

    Here is an image of what happens

    [img]http://www.dialogr.com/hrpool/images/overlap.jpg[/img]

    # June 17, 2008 at 2:31 pm

    Its somehow messing up with the relative / absolute positions. If i remove the position relatives from the spans it is working, but probably not the way you want it to work …

    # June 17, 2008 at 4:04 pm

    Yes I have it working without the nested relative, but am looking to show the popup relative to the link. It’s interesting, I basically copied this from an example as you can see it’s pretty simple. Odd that no one else has reported it.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".