By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
464,545 Members | 869 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 464,545 IT Pros & Developers. It's quick & easy.

Transparent GIF/PNG link not passing clicks to element behind it

P: n/a
Am I right in thinking that images with transparent areas (GIFs or
PNGs) should allow clicks to "pass through" to any underlying elements
behind them?

I have had no luck getting this to work in IE or Firefox. I have tried
GIF and PNG with 'binary' transparency and PNG24 with 'alpha'
transparency (obviously the latter won't work in IE without the
AlphaImageLoader trick).

Here is a test page for you to see it not working in action:
http://mhm.mh.ohost.de/test/test-transparent-click.html

What I would like is for you to be able to click the Google link
through the transparent areas of the Yahoo logo. Please enlighten me if
this is possible at all.

Oct 26 '05 #1
Share this Question
Share on Google+
8 Replies

P: n/a
Els
dj*********@gmx.net wrote:
Am I right in thinking that images with transparent areas (GIFs or
PNGs) should allow clicks to "pass through" to any underlying elements
behind them?


No. Transparent images are still images, and any underlying elements
won't respond to mouse actions.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Oct 26 '05 #2

P: n/a
On Wed, 26 Oct 2005 17:37:03 +0200, <dj*********@gmx.net> wrote:
Am I right in thinking that images with transparent areas (GIFs or
PNGs) should allow clicks to "pass through" to any underlying elements
behind them?
Is glass transparent? Do you expect to be able to shake hands with someone
behind a glass shield, like a window?
What I would like is for you to be able to click the Google link
through the transparent areas of the Yahoo logo.


<URL:https://www.google.com/adsense/policies> Note position of advertisement
(have to translate from Dutch, so could be a different text):
[Dutch: Elementen op een pagina mogen geen enkel gedeelte van de advertentie
overlappen. Bovendien moeten er advertentiekleuren worden gebruikt die zorgen
dat alle advertentie-onderdelen inclusief de tekst en URL, zichtbaar zijn.]
Elements in a page should in no way overlay any part of the advertisement.

Plain and simple: You are not allowed to do what you are trying to.


--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Oct 26 '05 #3

P: n/a
On Wed, 26 Oct 2005 17:56:44 +0200, Barbara de Zoete <b_********@hotmail.com>
wrote:
On Wed, 26 Oct 2005 17:37:03 +0200, <dj*********@gmx.net> wrote:
Am I right in thinking that images with transparent areas (GIFs or
PNGs) should allow clicks to "pass through" to any underlying elements
behind them?


Is glass transparent? Do you expect to be able to shake hands with someone
behind a glass shield, like a window?
What I would like is for you to be able to click the Google link
through the transparent areas of the Yahoo logo.


<URL:https://www.google.com/adsense/policies> Note position of advertisement
(have to translate from Dutch, so could be a different text):


I take that back, you're not talking about AdSense, but still... do you have
yahoo's and google's permission to use their logo's (even if it is only an
experiment at this stage)? I would not like to get my logo mixed with that of my
competitor(s).

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Oct 26 '05 #4

P: n/a
The glass analogy is interesting, but contradicted by Microsoft's page
on the AlphaImageLoader:

"Transparency for PNG images is respected during text selection. This
means the user can select content that is displayed behind the fully
transparent region of a PNG image."
http://msdn.microsoft.com/workshop/a...mageloader.asp

Here is a demonstration:
http://mhm.mh.ohost.de/test/test-tra...nt-select.html

Using IE6 you should be able to select the text and click the link
through the transparent image. This would seem to be sensible behaviour
for all images with transparent areas. Why is it only possible with
images loaded using IE's AlphaImageLoader?
Barbara de Zoete wrote:
On Wed, 26 Oct 2005 17:37:03 +0200, <dj*********@gmx.net> wrote:
Am I right in thinking that images with transparent areas (GIFs or
PNGs) should allow clicks to "pass through" to any underlying elements
behind them?


Is glass transparent? Do you expect to be able to shake hands with someone
behind a glass shield, like a window?
What I would like is for you to be able to click the Google link
through the transparent areas of the Yahoo logo.


<URL:https://www.google.com/adsense/policies> Note position of advertisement
(have to translate from Dutch, so could be a different text):
[Dutch: Elementen op een pagina mogen geen enkel gedeelte van de advertentie
overlappen. Bovendien moeten er advertentiekleuren worden gebruikt die zorgen
dat alle advertentie-onderdelen inclusief de tekst en URL, zichtbaar zijn.]
Elements in a page should in no way overlay any part of the advertisement.

Plain and simple: You are not allowed to do what you are trying to.


--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'


Oct 27 '05 #5

P: n/a
On 27 Oct 2005 03:24:24 -0700,
dj*********@gmx.net <dj*********@gmx.net> wrote
in Msg. <11**********************@g43g2000cwa.googlegroups .com>
Using IE6 you should be able to select the text and click the link
through the transparent image.


Last time I checked IE didn't even know what transparency was, at least
not with PNG images.

robert

Oct 27 '05 #6

P: n/a
Robert Latest wrote:
Last time I checked IE didn't even know what transparency was, at least
not with PNG images.


Transparency != translucency.
Oct 27 '05 #7

P: n/a

dj*********@gmx.net wrote:
Am I right in thinking that images with transparent areas (GIFs or
PNGs) should allow clicks to "pass through" to any underlying elements
behind them?

I have had no luck getting this to work in IE or Firefox. I have tried
GIF and PNG with 'binary' transparency and PNG24 with 'alpha'
transparency (obviously the latter won't work in IE without the
AlphaImageLoader trick).

Here is a test page for you to see it not working in action:
http://mhm.mh.ohost.de/test/test-transparent-click.html

What I would like is for you to be able to click the Google link
through the transparent areas of the Yahoo logo. Please enlighten me if
this is possible at all.


Oct 29 '05 #8

P: n/a
hai,
you have any probelm in website,and you what

any clarification in hosting, html, php

languages and any thing....

you got the solution that is getinnet.com.
go and visit the site. your problem will be

solved. as soon as...
bye.

Oct 29 '05 #9

This discussion thread is closed

Replies have been disabled for this discussion.