The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Translucent “how to use” layer

  • # June 25, 2013 at 8:56 am

    Hi guys, i’m wondering how can I create a translucent/transparent layer that “teaches” the user how to use certain page? and when you make a click anywhere, it just disappears. You know the one that has arrows pointing the options inside the page telling the user basically how to do everything.
    Does anybody have an idea?

    # June 25, 2013 at 8:59 am

    You’ll have to place a DIV over the actual page — so you’re going to have to position it absolutely. The actual page, or the contents that you want to cover, also needs to be positioned absolutely, but with a lower Z-index.

    To make it disappear on click, a jQuery call would be best.

    # June 25, 2013 at 11:37 am

    Thanks @Senff… its a good way to start, have you seen any live samples?

Viewing 3 posts - 1 through 3 (of 3 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