CSS: функциональность при наведении мыши на график, покрытый слоем «блеск»

Question

У меня есть график javascript на моей странице с функцией «подсветка точки данных»: когда курсор мыши находится над точкой, вы можете увидеть всплывающее окно с координатами.Я также хочу разместить полупрозрачный «блеск» слоя изображения поверх графика, чтобы он выглядел глянцево.Я могу добиться этого с помощью z-index, но перестает работать функция наведения мыши на графике js.Есть ли способ, чтобы слой блеска был сверху и при этом оставался курсор мыши над слоем ниже (слой графика)?Большое спасибо ...

Answer 1

Я не могу придумать способ сделать это легко, кроме разделения изображения графика и области, которая реагирует на наведение мыши, и размещения последнего над блеском - что может быть утомительно.

Если это полупрозрачно, то будет ли вариант сделать все наоборот? Поместить «блеск» под графиком и сделать график полупрозрачным?

Answer 2

На самом деле, я полагаю, что это возможно, но это немного грязный обходной путь, и, по сути, включает в себя захват положения курсора мыши / курсора x / y и отображение этого на слой графика - не самая простая или оптимальная задача не говоря уже о неэффективности. Я понимаю, что это старый вопрос, но подумал, что укажу это на будущих пользователей.

Обновление: Firefox имеет свойство CSS, ориентированное на это в 3.6: http://demos.hacks.mozilla.org/openweb/pointer-events/

Answer 3

Это невозможно.Позор.