Щелчок через прозрачный .png

Во-первых, я хотел бы сказать, что myspace - это боль. Но музыкантам это нравится, и я могу заработать на них деньги. Я наложил слой .png поверх внешнего вида myspace, но вам нужно использовать музыкальный плеер myspace. Итак, я сделал рамку с картинкой, которая окружает игрока myspace, который имеет прозрачный центр, чтобы вы могли видеть игрока myspace. к сожалению, у игрока нет полной функциональности. Кажется, он правильно реагирует, когда я наводил курсор, но не тогда, когда я нажимаю. кто-нибудь знает, как решить эту проблему?

Вы можете видеть, о чем я говорю здесь: myspace.com/gprettydesigns

Ответ 1

добавить

pointer-events: none;

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

Дополнительная информация о указателях-событиях на https://developer.mozilla.org/en/css/pointer-events

Ответ 2

Лучший способ, как правило, состоит в том, чтобы нарезать изображение на части и поместить их так, чтобы ничто не накладывало музыкальный проигрыватель.

Ответ 3

Возможно, вы могли бы использовать z-index для размещения изображения под игроком, подробнее об этом здесь: http://www.echoecho.com/csslayers.htm

Ответ 4

Clap clap clap вам! Я сделал sone MySpace-настройки и знаю, что это настоящая PITA.

Измените CSS здесь:

#shell {
    visibility:hidden;
    z-index:200;
}

Я не помню, если это возможно или если они принимают только встроенный CSS.

На самом деле не вопрос, но теперь вы можете также иметь полосу пропускания на facebook через RootMusic. MySpace, вероятно, перерастет в мгновение ока, чтобы я также посмотрел на них.

Удачи в работе с таблицами спагетти MySpace.

Ответ 5

Поместите фоновое изображение на div, затем используйте z-index, чтобы поместить его за плечо. Преимущество размещения фонового изображения в div и использования z-индекса заключается в том, что он будет быстрее, чем использование фактического встроенного изображения.