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

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

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


html css png transparent myspace
person gpretty    schedule 20.06.2010    source источник
comment
К сожалению, PNG находится в слое, который находится прямо поверх вашего фрагмента Flash, и вы не можете щелкнуть его.[1] Возможным решением является либо разрезать изображение так, чтобы оно не закрывало флэш-элемент, либо попытаться поместить флэш-объект поверх изображения (на ум приходит z-index.) [1]:stackoverflow.com/questions/1001551/   -  person alexanderpas    schedule 21.06.2010

Ответы (5)


arrow_upward
86
arrow_downward

добавлять

pointer-events: none;

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

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

person Guillaume Esquevin    schedule 20.06.2010
comment
Спасибо большое за помощь :)! - person Igor; 27.03.2012
comment
Работаю в IE11. - person metaDesign; 07.06.2019

arrow_upward
2
arrow_downward

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

person Adam Crume    schedule 20.06.2010

arrow_upward
0
arrow_downward

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

person Cheesebaron    schedule 20.06.2010

arrow_upward
0
arrow_downward

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

person Dwayne Charrington    schedule 21.06.2010

arrow_upward
-1
arrow_downward

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

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

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

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

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

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

person Frankie    schedule 20.06.2010