Как реализовать hover над всеми блоками line?

Question

[D44k]

Дано:

<div id="image"></div>

<div id="parent_line">
  <div class="line"></div>
  <div class="line"></div>
  <div class="line"></div>
  <div class="line"></div>
</div>

блок image(полупрозрачный) находится на переднем плане и перекрывает все 4 блока line

Вопрос: Как реализовать hover над всеми блоками line, если они находятся позади блока image?

Т.е. я навожу на блок line и, допустим, меняется фон.

Answer 1

[Евгений Петров]

На выбор:
1. Вы помещаете все .line над #image (position:relative, z-index при необходимости).
2. Работаете по координатам, предварительно обсчитав положение блоков .line.
3. Формируете эмуляцию в блоке #image (например, с помощью SVG) опять после обсчёта блоков .line.