2015-11-18 4 views
0

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

Вы можете видеть, что я говорю о here, оно находится в верхнем левом углу.

Моя проблема заключается в том, что изображение прямо не позволяет мне запускать событие onclick, как раз в нескольких коротких местах, поскольку вращающийся эффект - это меньшее изображение.

Есть ли какая-либо команда html/css, которая может мне помочь? Как сделать вращающийся эффект практически невидимым при зависании любой части винила?

+0

Какой образ вы говорите? groove1.png, groove2.png? – ketan

+0

Это были оба из них, но другой кодер дал мне ответ, теперь у меня есть только одно изображение groovess.png, перекрывающее. –

ответ

0

В CSS-указателях-событиях есть свойство, которое вы должны установить в «none».

См: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

+0

Я привел пример: http://codepen.io/mizech/pen/gaErQM –

+0

Это то, что я искал, просто добавьте указатель-события: none; к стилю css, спасибо! –

Смежные вопросы