search

usablica / intro.js

Lightweight, user-friendly onboarding tour library
http://introjs.com
Other
22.8k stars 2.59k forks source link

How is an element "highlighted" through the overlay? #371

Closed donpinkus closed 3 years ago

donpinkus commented 9 years ago

I'm trying to understand how introjs does its highlighting. How can an element like a button 'shine through' the overlay?

It looks like you add a class that gives position: relative, z-index: 999999 to the highlighted element, while the overlay has z-index: 999998. But according to my jsfiddle (http://jsfiddle.net/4ne83oa4/1/) the overlay should still be on top. How is this working?

http://stackoverflow.com/questions/26939920/use-css-and-z-index-to-create-a-page-overlay-then-place-one-element-on-top-of-t

Henri-K commented 9 years ago

are you having trouble with being able to interact with elements? if so, this is currently a bug and fix is: #356

donpinkus commented 9 years ago

I have a UI where elements are using position: fixed: https://api.blockspring.com/blocks/new

I've used IntroJS a lot on the past, but on this page the overlay and highlighting don't show up.

stale[bot] commented 4 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.