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

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 