472,125 Members | 1,489 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,125 software developers and data experts.

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

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
8 6368
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
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
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
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
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
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

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
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.

Similar topics

7 posts views Thread by jhomp ssens | last post: by
2 posts views Thread by joe | last post: by
8 posts views Thread by Grahammer | last post: by
3 posts views Thread by bulwark_jrm | last post: by
2 posts views Thread by pigeonrandle | last post: by
reply views Thread by leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.