using transparent PNGs in CSS for IE

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
kendall
Forum Regular
Posts: 852
Joined: Tue Jul 30, 2002 10:21 am
Location: Trinidad, West Indies
Contact:

using transparent PNGs in CSS for IE

Post 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
User avatar
John Cartwright
Site Admin
Posts: 11470
Joined: Tue Dec 23, 2003 2:10 am
Location: Toronto
Contact:

Post by John Cartwright »

what have you tried? I just type in google "transparent png in IE" and got a buttload of solutions.
User avatar
kendall
Forum Regular
Posts: 852
Joined: Tue Jul 30, 2002 10:21 am
Location: Trinidad, West Indies
Contact:

Post 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
User avatar
kendall
Forum Regular
Posts: 852
Joined: Tue Jul 30, 2002 10:21 am
Location: Trinidad, West Indies
Contact:

[SOLVED]

Post by kendall »

nevermind

i got it

the url for the png was wrong :lol:
User avatar
kendall
Forum Regular
Posts: 852
Joined: Tue Jul 30, 2002 10:21 am
Location: Trinidad, West Indies
Contact:

Post 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?
nickvd
DevNet Resident
Posts: 1027
Joined: Thu Mar 10, 2005 5:27 pm
Location: Southern Ontario
Contact:

Post 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..
User avatar
John Cartwright
Site Admin
Posts: 11470
Joined: Tue Dec 23, 2003 2:10 am
Location: Toronto
Contact:

Post 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:
Post Reply