SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict
    Join Date
    Jul 2009
    Posts
    220
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS overlay with no interactions possible?

    I'm using jquery sparkline to draw a line graph.
    But I want to overlay a div over the graph while, maintaining the mouse hover that the graph has by default.
    Is that possible? To overlay a div that is transparant to interaction?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,103
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    You can set the overlying div to

    Code:
    {pointer-events: none;}
    though this doesn't work in any version of IE or Opera.

    I believe there's a jQuery solution for it too.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by ralph.m View Post

    I believe there's a jQuery solution for it too.
    This seems to be the one mentioned the most.

    http://www.vinylfox.com/forwarding-m...hrough-layers/

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,103
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Thanks Paul. I did see a jQuery example of this recently, but seem not to have bookmarked it. (Sigh.) I think the reason must have been that I was unconvinced something like this should ever be needed in the first place, though no doubt someone will prove me wrong.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Thanks Paul. I did see a jQuery example of this recently, but seem not to have bookmarked it. (Sigh.) I think the reason must have been that I was unconvinced something like this should ever be needed in the first place, though no doubt someone will prove me wrong.
    I did see this one but I couldn't see any info on it anywhere.

    I've needed pointer events a few times now as you can put shadows and linear fades over a range of elements but still have the elements behave normally. The alternative is slicing the effect into many parts and applying to individual elements which is a pain.

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,103
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    I did see this one but I couldn't see any info on it anywhere.
    Ah, thanks, that's the one. I have seen this used somewhere.

    The alternative is slicing the effect into many parts and applying to individual elements which is a pain.
    Indeed, that did come to mind. Perhaps the new CSS3 filters will make life easier in that regard, as I presume they don't affect links beneath them. (They apparently slow the browser down considerably, though.)
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Tags for this Thread

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
  •