PDA

View Full Version : CSS/Javascript PNG transparency



gig75
14 Dec 2007, 10:36 AM
Hello.

I've to use an PNG transparent image inside a link with some text next to it. now i have tried a couple of things i have found on the net, they partially work but somehow i've still got some problems with it. THE PROBLEM IS IN IE6...

1 solution the transparent image is ok in IE6. i had to use a SPAN inside the link. Although the PNG image is now viewable properly...the link doesn't work! !! Or actually it works but it doesn't show the arrow (as a normal link should) when you rollover on it...

this is the link:
http://www.subwayslims.co.uk/pngfix6.html

2 solution This JavaScript works but somehow it increases the height of the image, have you got any idea why it does that?
http://www.subwayslims.co.uk/pngfix3.html

3 solution i used this cool css style/script:
img { behavior: url(http://www.subwayslims.co.uk/live_memusic_meview/iepngfix.htc); }

this is the link to the page:
http://www.subwayslims.co.uk/prova.html

i passed it in my style sheet and it works BUT, it produces a border, which is not either the link border (and i add border=0 in .css)

marcusami
14 Dec 2007, 03:40 PM
Hey,

wish i could help more, but i really dont understand what your asking. Is the transparency not working in ie6 and link not working??

try any of these transparency techniques, really its better to use all of them together becuase then if someones using different type/version of browser your more likely to have a successful transparency.

opacity:.77;

filter: alpha(opacity=77);

-moz-opacity: 0.77

leave simpler details of problem if this isnt it

Regards
Marcus