Hier ist das Szenario:

Sie haben zwei Bilder und sie sind aufeinander gestapelt. Das Z-indizierte Bild höchster Ordnung ist für die Verarbeitung von Klickereignissen verantwortlich (siehe Google Map API) und ist transparent, während das folgende Bild für eine visuelle Darstellung verantwortlich ist.

Hier ist eine Pseudo-HTML / CSS-Darstellung:

div.visual-container {
    width: 10px;
    height: 10px;
}

div.visual-container:hover {
    background-color: #555;
}

div.click-container {
    width: 10px;
    height: 10px;
}

<div class='lowest'>
    <div class='visual-container'></div>
</div>

<div class='highest'>
    <div class='click-container'></div>
</div>

Wenn Sie nun auf das höchste Element klicken, wird das Ereignis auch für das niedrigste Element ausgelöst.

Die Grundidee:

function onHoverEventForHighest() {
    createMouseEvent(lowest_element, 'mouseover', event);
};

Dieser Teil ist in Ordnung und überträgt die Veranstaltung entsprechend,aber es scheint nicht die: hover CSS Pseudo-Klasse aufzurufen.

Hat jemand Glück gehabt, etwas in dieser Art zu tun?