Using latest version of Sugarcube. I have a background image that is opaque around the edges and transparent in the center of the background image. How do I make it so text on the screen scrolls under the opaque portion of the background and not over it, like it does now.
I would be helpful if we could see your current code!
You can use CNTR+E or the
</> icon in the text editor to copy your code!
Background images are in the background, the text of a
div will scroll in front of the
You might try putting the image in the foreground/covering the entirety of the screen, and setting its
pointer-events property to
none to make it clickable through. I’ll test on my computer in a bit.
In your CSS:
background-image: [put your background image URL here];
In your passage:
<div id="overlay"></div> (these are equivalent)
Note that the above is using
background-image: radial-gradient(rgba(255, 255, 0, 0) 75%, white). If all your image is doing is a vignette, you might just use a