0 votes
asked by (160 points)
I am familiar with html but not Twine.  I know how to make an overlay image in html that you can click through.  I have no idea how to make an image that would appear on every passage. I am using Harlowe 2-0-1. Also, does z-index work with Twine?  The idea is I want something that looks like interlacing.  I made an image to use, I just need to find out how to put it over all of the passages so that it covers the screen and looks as though all of the text is being viewed through an old monitor. Is this possible?

1 Answer

+1 vote
answered by (55.2k points)
selected by
Best answer

Add the div via JS: 

$(document.body).append("<div id='overlay'></div>");

Then just make the overlay look how you need in css. Z-index should work. 

commented by (160 points)
Thank you so much.  Get it now.  This is awesome.  Twine is so versatile.
Welcome to Twine Q&A, where you can ask questions and receive answers from other members of the community.

You can also find hints and information on Twine on the official wiki and the old forums archive.

See a spam question? Flag it instead of downvoting. A question flagged enough times will automatically be hidden while moderators review it.