Log in

View Full Version : Resolved PNG Urgent Problem



egturnkey
10-13-2009, 10:14 PM
Hello Friends,

to be honest with you , millions of ways all are failed

let us consider if we have the following css code



.iesux a {
background: url(images/index.png) no-repeat;
}
.iesux a:hover {
background: url(images/index_gr.png) no-repeat;
}


as you can see

1- It is PNG images
2- It has hover effect
3- It is within css code

it works fine on FF ( support PNG ) and not working fine on ( IE 6 )


Yes it called the transperency problem . but all solutions over the internet deal with it as if was < img -----blah end of code------ >

can anyone please please please , re-write it in anyway and gives me any files that can fix it and makes it works on IE and FF


thanks in avance

simcomedia
10-13-2009, 10:49 PM
Simple, stop worrying about people viewing in IE6. It's a bug-ridden dinosaur and if they haven't upgraded at least to IE7 then they have no business being on the web. IMHO :)

IE6 does not support PNG. Switch to GIF and see what happens.

jscheuer1
10-14-2009, 12:08 AM
True, but for the hard core, see:

http://www.twinhelix.com/css/iepngfix/

egturnkey
10-14-2009, 12:01 PM
thanks everybody

1- still alot of people using IE6
2- IE PNG Fix 2.0 Alpha 4 works only in the following cases

direct html code for images <img.....>
images within css code such as img, head, body, a, ....ect but not support hover

hence sorry the css'ers no longer able to help

i may try to seek for the help of php'ers they able to get us a code that detect if it was IE OR FF OR ELSE


if ( IE ) then run css code with some filters that fix it - else if ( FF ) run else css code that works fine with ff - else ( others ) then run the third css code.


it maybe sux but that was the only way i found that really can be working.

i'm waitting some correction for the code by phpfreak php'ers and i will post it once it works correct.


consider the thread solved till i test the code in depth.

jscheuer1
10-14-2009, 01:37 PM
I think you missed some of the new features, a complete list:


Automatic activation of transparency for PNGs in the page.
Support for <IMG SRC=""> elements.
Support for background PNG images (unlike many other scripts!)
Support for CSS1 background repeat and position (via optional add-on)
Background images can be defined inline or in external stylesheets.
Automatically handles changed SRC/background via normal JavaScript (e.g. mouseover rollovers) -- no special coding needed.
Change support includes CSS 'className' changes on elements.
Incorporates automatic workaround for <a href=""> elements within PNG-background elements.
Tiny script (for fast downloads).
Licensed under a Free Software license.



For those interested, there is a spin-off from this thread here:

http://www.dynamicdrive.com/forums/showthread.php?t=49198

However, unless you are egturnkey, I'd appreciate it if you did not add anything more here, at least if or until egturnkey does.