DOM-Element interaktiv auswählen

Question

Kennt jemand eine Bibliothek, die einen interaktiven Auswahlmechanismus bietet, der das Element hervorhebt, das der Benutzer gerade mit der Maus schwebt?

Ich habe eine test fiddle erstellt, die diesen Mechanismus demonstriert.

Wenn es keine vorhandene Bibliothek dafür ist, ich habe folgendes Problem mit meinem eigenen Code: pointer-events: none ist nicht im IE < 11 unterstützt, aber ich brauche einen Weg, um die Hervorhebung Rechteck Click-through.

Answer 1

Sie können diese mit reinem CSS tun, nur durch die Hintergrundfarbe Einstellung mit dem: Hover-Selektor auf alle Elemente, die Sie hervorgehoben werden soll:

h1:hover, p:hover, li:hover 
{ 
    background: rgba(127,127,127,0.5); 
} 

JSFiddle Example