Pointer-events:none or Click Through div

Is there a way to set Div to pointer-events: none; so that i can click on a Slider button underlaying a transparent div.

Here is some info about my request :

http://stackoverflow.com/questions/3680429/click-through-a-div-to-underlying-elements

Thanks

Hi, give your overlay div a class name, for example “my-overlay” and then paste the following code into the Custom Code section of your site settings in the HEAD panel of the custom code:

   <style type="text/css">
      .my-overlay {
        pointer-events:none; 
      }
    </style>

Then publish and check out if it is working for you. If you want IE support, then there was one additional comment to add the following CSS also to the HEAD section:

<!--[if IE]>
      <style type="text/css">

        .my-overlay {
          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/sample_600x600.png', sizingMethod='scale');
          background:none !important;
        }

        </style>
    <![endif]-->

And note with the example of IE, this example is loading a transparent image from url.

Try that out and see how it works for you. Sometimes, when working with specific behaviours, you need to play around with things, to see how they work. Let us know how you do :smile: We are in process of making more css related documentation and videos based on different ways users are getting creative with Webflow. Cheers !

9 Likes