Нажав на прозрачный .png

Question

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

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

Answer 1

добавить

pointer-events: none;

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

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

Answer 2

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

Answer 3

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

Answer 4

Хлопай, хлопай!Я сделал некоторые настройки MySpace и знаю, что это настоящая PITA.

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

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

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

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

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

Answer 5

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