可点击元素上的不可点击元素

Question

We have a slider Revolution slider but it hasn't got arrows on thumbnails. We manually added the arrows but those were unclickable and thumbnails did not scroll.

So, How do I put an arrow image on the thumbnails so when somebody clicks on the arrows the thumbnail behind the arrow gets clicked?

We just want an arrow to show up and does nothing.

Answer 1

So, without code to take a look at, it sounds like you are wanting something like pointer-events: none

This property is supported by all modern browsers, including IE11: https://caniuse.com/#feat=pointer-events

On the arrow images you are adding on top of the thumbnails, add that CSS property to them and they will no longer react to clicks, drags, etc. This will allow users to basically click through them. It might look like this in your css:

.left-arrow {
    /** your other css here **/
    pointer-events: none;
}