Get a free trial // 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.

    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">



    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


    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed