Can I use pointer-events: none; to enable clicking on a Slider button that is underneath a transparent div in Webflow?

Yes, you can use pointer-events: none; on the transparent div to allow clicks to pass through to the Webflow Slider button underneath. Here's how you can do it:

1. Apply pointer-events: none; to the Transparent Div

• Select the transparent div in Webflow.
• Go to the Style panel and scroll down to the Custom CSS section.
• Add this in the Custom Code area: pointer-events: none;
• This ensures that the div does not block mouse interactions for elements underneath it.

2. Ensure Interactivity for Other Elements

• If other elements above the slider require interactivity, wrap them in another div and apply pointer-events: auto; to that wrapper.
• This maintains clickable functionality while allowing clicks to reach the slider controls.

3. Alternative: Adjust Z-index Instead

• If pointer-events: none; interferes with other interactions, lower the z-index of the transparent div or increase the z-index of the slider controls.
• Try setting slider buttons to relative positioning with a higher z-index (e.g., z-index: 10) so they stay interactive.

Summary

Applying pointer-events: none; to the transparent div lets clicks pass through to the slider button. If needed, adjust z-index or use pointer-events: auto; selectively to maintain other interactive elements.