Quando você precisa limitar os eventos do mouse em um elemento, você usa a propriedade pointer-events
:
pointer-events: none;
Se precisar restaurar os eventos do mouse em um de seus elementos descendentes, você precisará:
pointer-events: auto;
Infelizmente, isso não é suficiente no IE11, a primeira versão a aceitar essa propriedade. Portanto, defina o valor da propriedade position
para algo diferente de seu valor padrão static
:
pointer-events: auto;
position: relative;