Clicking through a transparent .png

html css png transparent myspace
gpretty picture gpretty · Jun 20, 2010 · Viewed 26.5k times · Source

First off, I would like to say that myspace is a pain. But, musicians love it, and I can make some money doing layouts for them. I overlayed a layer of .png's over myspace's original look, but need to utilize the myspace music player. So, I made a picture frame that surrounds the myspace player that has a transparent center so you can see the myspace player. unfortunately, the player doesn't have full functionality. It seems to respond correctly when I hover, but not when I click. does anyone know how to solve this problem?

You can see what I'm talking about here: myspace.com/gprettydesigns

Answer

Guillaume Esquevin picture Guillaume Esquevin · Jun 21, 2010

add 

pointer-events: none;

on your overlay to alow click events to pass through it. It's a fairly recent property so not all browser may understand it.

More informations on pointer-events on https://developer.mozilla.org/en/css/pointer-events

Related questions

What is difference between png8 and png24

I want to know about uses of png files. There are two formats available for png images; one is png8 and the another one is png24. I would like to know that if I use either type in my html …

Read More
CSS Border on PNG image with transparent parts

Im trying to add a border on a PNG image I have (Example included). The thing is that when I add the border currently it adds it on a box shape around all the image and not on the exact …

Read More
CSS3 / HTML 5 / PNG blur content behind element

I'm trying to blur the content behind a fixed position header so that the content behind it has the user scrolls is blurred when behind this div. I used to achieve this with simple opacity in CSS but this does …

Read More