How can I apply interactions to background images?

aidenmitchell · January 29, 2020, 4:08am

I’d link a background image to change opacity when scrolling, but it doesn’t seem possible to apply interactions to a background image of an element.

samliew · January 29, 2020, 6:05am

Put the background image in a standalone div and set the opacity of the background div instead.

aidenmitchell · January 31, 2020, 2:55am

I’m not sure I understand. Could you explain it further? Thanks for your help.

Hunter_Reynolds · January 31, 2020, 4:09am

Create a new div and set the positioning to absolute and “fill” so that it displays in the full size of the parent element. Then set the z-index as such so that it rests behind the other items and you can control it separately.