search

Jim-an / ie7-js

Automatically exported from code.google.com/p/ie7-js
0 stars 0 forks source link

Linked PNG not clickable #76

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago 
If I use a transparent png in IE6 in a menu and set a link on it, it is 
not clickable in IE6 (only).

Original issue reported on code.google.com by mittend...@gmail.com on 6 May 2008 at 1:11

GoogleCodeExporter commented 8 years ago 
Same problem. DIV background-image with transparent png. Links are not 
clickable in IE6

Original comment by w.hu...@ars-data.de on 20 Jun 2008 at 8:58

Attachments:

GoogleCodeExporter commented 8 years ago 
I am experiencing the same thing. All links are frozen when I implent the png 
fix.
IE6 only as well.

Original comment by vjste...@gmail.com on 29 Jul 2008 at 9:11

GoogleCodeExporter commented 8 years ago 
i have found the same issue.  whether it is on another layer, such as a 
container div
that uses a .png file, any links that are on top, are not clickable.  any fixes 
yet?

Original comment by greyha...@gmail.com on 8 Aug 2008 at 10:06

GoogleCodeExporter commented 8 years ago 
I also experience this issue. Any anchor that has a transparent png (or is 
positioned
above an element with such a background) isn't clickable in IE6 unless the area 
the
mouse is pointing is 100% transparent.

Original comment by weemsqui...@gmail.com on 29 Sep 2008 at 9:52

GoogleCodeExporter commented 8 years ago 
Are you shure you gave the DIV with the backgroun (or the element with the 
background) a position:relative rule?
for me that works a charm

Original comment by metaIs...@gmail.com on 30 Sep 2008 at 2:49

GoogleCodeExporter commented 8 years ago 
I gave my elements a position:relative and it didnt change anything :\

can anyone offer another suggestion??

Original comment by mellon...@gmail.com on 4 Oct 2008 at 11:04

GoogleCodeExporter commented 8 years ago 
I'm having the same problem, rendering all the links on my page unclickable. 
Since my
entire container have transparent png backgrounds...

Original comment by davi...@gmail.com on 8 Oct 2008 at 3:51

GoogleCodeExporter commented 8 years ago 
Just found a fix: You can apply position:relative to all anchors.  Then use 
zoom:1 to
high layer elements so that the links don't show up on top of the floating 
element.

Original comment by davi...@gmail.com on 8 Oct 2008 at 4:07

GoogleCodeExporter commented 8 years ago 
If the absolute parent div is position absolute, the hack above doesn't seem to 
work.
 I think this bug is pretty severe.

Original comment by davi...@gmail.com on 9 Oct 2008 at 8:34

GoogleCodeExporter commented 8 years ago 
I'm using the script for the first time and I got the same issue in IE6. Is 
there any
way to fix this?

Original comment by david.tr...@gmail.com on 22 Jan 2009 at 4:24

GoogleCodeExporter commented 8 years ago 
Adding "position: relative;" to the links fixed the problem. So for example if 
you
have div#container { background-image: url('bg-trans.png'); } and inside this 
div you
have links, you do the following: div#container a { position: relative; }

This was tested on IE6 with relatively complex layout, with links being in 
unordered
list and links containing images.

Original comment by e1c67b4d...@gmail.com on 29 Jan 2009 at 10:20

GoogleCodeExporter commented 8 years ago 
I think I've fixed this now. It will be in the next release.

Original comment by dean.edw...@gmail.com on 10 Feb 2010 at 9:08

GoogleCodeExporter commented 8 years ago 
This is still not working correctly in all cases it seems dean. I have form 
elements that aren't clickable while ie9.js is loaded.

Original comment by 2graph...@gmail.com on 30 Jun 2010 at 3:46

GoogleCodeExporter commented 8 years ago 
Bah! Really? Do you have a test page perhaps?

Original comment by dean.edw...@gmail.com on 30 Jun 2010 at 6:52

GoogleCodeExporter commented 8 years ago 
Hi Dean,

Try this demo http://www.fish.wa.gov.au/jimmy_shaker/west_coast/wc_fish_list.php

This first item works fine, the other dont as they dont have a span with the 
css set to display block, you can see this if you hover on the empty space to 
the right of the text.

I am using a trans png to get around the double background issue I have already 
mentioned (issue 250)

Thanks

Richard

Original comment by fisherie...@gmail.com on 12 Jul 2010 at 9:05

GoogleCodeExporter commented 8 years ago 
This will happen in many cases where AlphaImageLoader is used as the 
transparent PNG support method, which is known to be extremely slow and buggy.

The only reliable script I've ever found to support alpha PNGs is Drew Diller's 
DD_belatedPNG, which uses VML to correctly render PNG and support many more CSS 
background properties.  Any chance Drew's work will make it into the library?

Original comment by mdleic...@gmail.com on 14 Jul 2010 at 10:22