Ignorar eventos de foco com CSS

A pointer-eventspropriedade CSS permitirá que você controle sob quais circunstâncias (se houver) um elemento gráfico específico pode se tornar o alvo de eventos do mouse. (<a href=” https://developer.mozilla.org/en/CSS/pointer-events/”> fonte </a>).

Esta é uma ótima maneira de construir dicas de ferramentas CSS que se ocultam quando passam o mouse.

.tooltip {
    /* Prevents .tooltip from receiving pointer events. */
    pointer-events: none;
}

<a href=” http://jsfiddle.net/D75pb/”> jsFiddle Demo </a>