Openlayers 3: Hover effect below top layer with labels?

Question

I am using OpenLayers 3 and I want to have a hover effect of a polygon layer below the top layer with labels. I can arrange the order of the layers that the labels are on top of the polygon, but unfortunately, the hover effect (pointerMove) jumps on top of the labels. Is there a way to fix that?

I created a fiddle with a simple example: http://jsfiddle.net/a4kL9441/1/

Answer 1

If you use select interaction, an overlay is created with the hover effect, that's why the label's tile are covered.

So, set style on feature on pointermove. A working fiddle.

Answer 2

heres a working example without ol.interaction.select: http://jsfiddle.net/a4kL9441/5/

but how to do that with ol.interaction.select I don´t know