Есть ли способ сделать элемент «прозрачным» для кликов, но сохранить: «Парать и: активные стили CSS? ⇐ Html

[Anonymous]

У меня есть изображение с кнопкой s перекрыт на нем. Поскольку кнопка S является полупрозрачной, и я не хочу, чтобы этикетки были, я наложил пролет на каждую кнопку (со 100% непрозрачностью). Чтобы убедиться, что Span S не перехватывает все клики, я использовал свойство Pointer-Events: None; CSS в Span s.

Вот структура разметки (Jade): < /p>

Код: Выделить всё

div.slide
div.controls.buttons
button.move.forward
button.move.back
button.info
div.controls.icons
span.move.forward.icon.ion-chevron-right
span.move.back.icon.ion-chevron-left
span.info.icon.ion-information
< /code>

.icon.ion-*< /code> - стили для шрифта Ionicon Icon < /p>

Это выглядит так при рендере: < /p>

 

Проблема в том, что я Иметь указатель-эвоги: none; 

, я не могу использовать: Hover или: active в .cons span . Есть ли способ прокатать событие Click к элементу ниже без использования E-Events: none < /code>? Каждая кнопка затем запускает событие Click, используя JavaScript? Или есть более приятный способ?

пример CodePen здесь

Подробнее здесь: https://stackoverflow.com/questions/199 ... in-the-hov