SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2007
    Posts
    97
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Transparent object over menu disables menu

    I used a .png object over the Menu and (of course) the Menu items were disabled.

    But what confuses me is why ALL menu items were disabled, even those very far to the right of the transparent object.

    I used a high z-index for the transparent object. Is there a way to get the menu to work with the transparency over the menu bar but away from the menu items?

    Are there any examples of this?

    TIA,

    Paul

  2. #2
    SitePoint Enthusiast
    Join Date
    Feb 2008
    Location
    london, UK
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Put this style on the png image

    .image {
    pointer-events: none;
    }

  3. #3
    SitePoint Enthusiast
    Join Date
    Oct 2007
    Posts
    97
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks, but I just tried that and it didn't seem to work...anything you can see? www.avwebmaster.com

  4. #4
    SitePoint Enthusiast
    Join Date
    Feb 2008
    Location
    london, UK
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by swmagic View Post
    Thanks, but I just tried that and it didn't seem to work...anything you can see? www.avwebmaster.com
    #transpimage {
    pointer-events: none;
    }

    That should work?

  5. #5
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,234
    Mentioned
    265 Post(s)
    Tagged
    5 Thread(s)
    Try adding "width: 406px;" to #transpimage".

  6. #6
    SitePoint Enthusiast
    Join Date
    Oct 2007
    Posts
    97
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    YES! Thank you, thank you, thankyou! Silly me, I forgot that # is for ID and . is for class (Pay attention to details!).


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •