Page 1 of 1

using transparent PNGs in CSS for IE

Posted: Thu Dec 21, 2006 4:24 pm
by kendall
Hey guys,

I'm using transparent PNGs in my CSS stylesheet and im trying to get them to correctly show in IE

i've googled a bit and found some ideas but none of them have worked thus far

do i need to have my files saved as a special type of png? i saved it optimised for png-24 transparent

anyone has a fix?

Kendall

Posted: Thu Dec 21, 2006 4:30 pm
by John Cartwright
what have you tried? I just type in google "transparent png in IE" and got a buttload of solutions.

Posted: Thu Dec 21, 2006 4:52 pm
by kendall
well i tried the javascript implimentation

didnt work

so im looking at microsofts filter:..... transparent implimentation

the thing is im ussing a CSS class to set a couple of <td> tags with a transparent png background image

but some how its not rendering the transparent parts

sigh

[SOLVED]

Posted: Thu Dec 21, 2006 4:56 pm
by kendall
nevermind

i got it

the url for the png was wrong :lol:

Posted: Thu Dec 21, 2006 5:03 pm
by kendall
ok it worked in IE but now i have a problem in FF

if i use

Code: Select all

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/styles/default/feature_top.png',sizingMethod='scale');
all well an good for IE but no FF

and in using

Code: Select all

background:url(item_table_bottom.png);
its all good in FF but not in IE

and well when i use both...its not good in IE still

is there any if else statements in CSS?

Posted: Thu Dec 21, 2006 5:09 pm
by nickvd
Remember that background images cannot be tiled when you use MSFT's png workaround... any elements that are above the image will not be clickable..

Posted: Thu Dec 21, 2006 5:09 pm
by John Cartwright
kendall wrote:is there any if else statements in CSS?
yes, http://www.google.ca/search?q=checking+IE+in+css&ie :wink: