Intro.js: Parent fixed localization problem

[948911908]

When a fixed location element is used for a parent element, that element is not displayed at the top:

My solution is to use css3's mixed mix mode and modify part of the source code to achieve element area highlighting, but make sure that clicking on the highlight area will close intro

If you need it, please leave a message at the bottom. I will attach the code later

[samuelfbtlh]

I've tried every solution that i found on previous issues, but it didn't work

Can you please attach the code as soon as possible?
Thanks!

[hanjeahwan]

I need too

[948911908]

JAVASCRIPT

CSS

most of all "mix-blend-mode: hard-light;"
@samuelfbtlh @hanjeahwan

[rn4n]

Any workaround for this? I've got the same problem.

[948911908]

@reebr I have posted my modified code above

[rn4n]

Thanks @948911908.

This solves the problem of the element not being visible, but the behavior is still failing. When I click "Finish Tutorial" and open it again on the same page, the highlight goes out of the screen:

It appears to be the same problem of #888.
At the first moment I throught it was a problem with FontAwesome's SVG integration. But now I'm hooking the data-intro to another element (not SVG).

[948911908]

Yes, this is similar to a smokescreen, the actual element is still in the lower level. As for the question you mentioned, I don't quite understand it. Can you provide the code and effect @reebr

[mostafamousvi]

This problem has been fixed :+1: . But another problem has arisen that the helperLayers are not in their own places :(

[stale[bot]]

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.