hover element not working?

Question

css

Hello.
There is such a code https://jsfiddle.net/sr9g2td8/
Problem: the hover does not work when hovering over a line, how can I reverse it or do it in js?

Answer 1

You just have a div block (which has a green background) overlaps the SVG itself due to z-index: 5 and, in fact, the hover of the SVG does not work.
Put the SVG inside a div for example