Нажатие через прозрачный .png
Прежде всего я хотел бы сказать, что MySpace является болью. Но, музыканты любят его, и я могу сделать некоторые денежные разметки выполнения для них. Я overlayed слой .png's по исходному взгляду MySpace, но потребность использовать аудиоплеер MySpace. Так, я сделал кадр рисунка, который окружает плеер MySpace, который имеет прозрачный центр, таким образом, Вы видите плеер MySpace. к сожалению, у плеера нет полной функциональности. Это, кажется, отвечает правильно, когда я толплюсь, но не, когда я нажимаю. кто-либо знает, как решить эту проблему?
Вы видите то, о чем я говорю здесь: myspace.com/gprettydesigns
5 ответов
добавьте
pointer-events: none;
на ваш оверлей, чтобы события клика проходили через него. Это свойство появилось сравнительно недавно, поэтому не все браузеры могут его понимать.
Больше информации об указателях-событиях на https://developer.mozilla.org/en/css/pointer-events
Возможно, вы могли бы использовать z-index для расположения изображения под плеером, подробнее об этом здесь: http://www.echoecho.com/csslayers.htm
Хлоп-хлоп-тебе! Я провел тонкую настройку MySpace и знаю, что это настоящая PITA.
Измените CSS здесь:
#shell {
visibility:hidden;
z-index:200;
}
Я не помню, возможно ли это, или они принимают только встроенный CSS.
На самом деле это не вопрос, но теперь вы также можете разместить банд-страницы на Facebook через RootMusic . MySpace, вероятно, будет переполнен в кратчайшие сроки, поэтому я бы также посмотрел на них.
Удачи в работе со спагетти-таблицами MySpace.
Лучшим способом будет нарезать изображение на части и разместить их так, чтобы ничто не перекрывало музыкальный плеер.
Поместите фоновое изображение в div и используйте z-index для позиционирования его позади игрока. Преимущество размещения фонового изображения в div и использования z-index в том, что это будет быстрее, чем использование фактического встроенного изображения.