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

Question

我们有一个“革命”滑块，但缩略图上没有箭头。我们手动添加了箭头，但这些箭头不可单击，缩略图无法滚动。

那么，如何在缩略图上放置箭头图像，以便当有人单击箭头时，单击箭头后面的缩略图？

我们只想显示一个箭头，什么也不做。

Answer 1

因此，无需查看代码，听起来就像您想要的是 pointer-events: none

所有现代浏览器（包括IE11）都支持此属性： https://caniuse.com/#feat=pointer-events

在要添加到缩略图上方的箭头图像上，向其添加CSS属性，它们将不再对单击，拖动等做出反应。这将允许用户基本上单击它们。在您的CSS中可能看起来像这样：

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