html - how - img background transparent css

Haciendo clic a través de un.png transparente

Question

En primer lugar, me gustaría decir que myspace es un dolor. Pero a los músicos les encanta y puedo ganar algo de dinero haciendo diseños para ellos. Superpuse una capa de .png sobre el aspecto original de myspace, pero necesito utilizar el reproductor de música myspace. Entonces, hice un marco de imagen que rodea al reproductor myspace que tiene un centro transparente para que puedas ver el reproductor myspace. desafortunadamente, el jugador no tiene funcionalidad completa. Parece que responde correctamente cuando muevo el mouse, pero no cuando hago clic. ¿Alguien sabe cómo solucionar este problema?

Puedes ver de lo que estoy hablando aquí: myspace.com/gprettydesigns

Answer 1

Aplaudir aplaudir a usted! He hecho algunos ajustes de MySpace y sé que es un verdadero PITA.

Cambia el CSS aquí:

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

No recuerdo si esto es factible o si solo aceptan CSS en línea.

No está realmente relacionado con las preguntas, pero ahora también puedes tener páginas de banda en Facebook a través de RootMusic . MySpace probablemente será invadido en poco tiempo, así que también les daré un vistazo.

Buena suerte con las mesas de spaghetti de MySpace.

Answer 2

Coloque la imagen de fondo en un div, luego use el índice z para colocarlo detrás del jugador. La ventaja de colocar una imagen de fondo en un div y usar el índice z es que será más rápido que usar una imagen en línea real.

Answer 3

Por lo general, la mejor manera sería cortar la imagen en pedazos y colocarlos de manera que nada se superponga al reproductor de música.

Answer 4

Tal vez podría usar el índice z para colocar la imagen debajo del reproductor, más sobre esto aquí: http://www.echoecho.com/csslayers.htm

Answer 5

añadir

pointer-events: none;

en su superposición para permitir que todos los eventos pasen a través de ella. Es una propiedad bastante reciente por lo que no todos los navegadores pueden entenderla.

Más información sobre eventos punteros en https://developer.mozilla.org/en/css/pointer-events