可點擊元素上的不可點擊元素

Question

我們有一個滑塊Revolution滑塊，但是縮略圖上沒有箭頭。 我們手動添加了箭頭，但這些箭頭不可單擊，縮略圖無法滾動。

因此，如何將箭頭圖像放在縮略圖上，以便當有人單擊箭頭時，單擊箭頭后面的縮略圖？

我們只想顯示一個箭頭，什么也不做。

Answer 1

因此，無需查看代碼，聽起來就好像需要pointer-events: none類的東西pointer-events: none

所有現代瀏覽器（包括IE11）都支持此屬性： https ://caniuse.com/#feat=pointer-events

在要添加到縮略圖上方的箭頭圖像上，將CSS屬性添加到它們中，它們將不再對單擊，拖動等作出反應。這將允許用戶基本上單擊它們。 在您的CSS中可能看起來像這樣：

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