4 replies [Last post]
andyLab
Offline
newbie
Brighton UK
Last seen: 18 years 20 weeks ago
Brighton UK
Joined: 2004-07-15
Posts: 2
Points: 0

hello there css forums folk,

I'm hoping someone here can help me out,
I want to use png transparencies for background images,
now this is no problem in pretty much anything but winIE,
winIE has an ugly microsoft workround using the filters that only work for IE... great...

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.png',sizingMethod='scale');

so i'm using that and all is well, apart from having to have the image the same size as the containig element which kinda sucks,
the real problem is that it makes anything using scrollbars/buttons/and general form elements i put over the top of it unusable, you can tab to them but not click on them with a mouse.

does anyone have any really handy hints or pointers about using these 'filters' that might help me out?

or is there any other way of getting IE to use png transpaterncies?

thanks in advance
Andy
<fingersCrossed />

co2
co2's picture
Offline
Leader
UK
Last seen: 14 years 33 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

IE and png transparency

Hi andyLab

There was a decent workaround for PNG compatibility at A List Apart. T it was the same one as you are using: http://www.alistapart.com but added some other things to it.

Also, there was something knocking around, but it was awful (negated the anti-aliasing in the PNG for the transparency).

The next sentence is true. The previous sentence is false. Discuss...

andyLab
Offline
newbie
Brighton UK
Last seen: 18 years 20 weeks ago
Brighton UK
Joined: 2004-07-15
Posts: 2
Points: 0

IE and png transparency

Hi co2,

yes i based what i've been doing on the 'a list apart' tutorial, I've also found some interesting info at
dave massey's blog he works on the IE dev team, (there are lots of angry comments),
there's also some more clear explainations of how the filters work, what perameters you can put in etc..
at microsoft's website.

I'm also told that if you wait until the page has all loaded until you apply the filters (using javascript to do this) the form elements etc will work.

but really all of this is too buggy, the page needs to load quickly and not require all this javascript stuff to look nice or work..

i'm going to re-design the site without the png background, so its not so buggy and doesnt require all this messing arround...

the 'a list apart' method does work, i dont want to discourage other people from trying it, but its just not right for what i'm trying to do, i want to use a png as a background image, and for it to behave the way it does with css.
The alphaImageLoader doesnt quite work in the same way.

flippin' explorer... grrr Sad

co2
co2's picture
Offline
Leader
UK
Last seen: 14 years 33 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

IE and png transparency

Yep, flippin' bloomin' and all other defamatory words for that darn browser! Evil

The next sentence is true. The previous sentence is false. Discuss...

DanA
DanA's picture
Offline
Elder
Last seen: 12 years 29 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

IE and png transparency

Have a look at
http://entropymine.com/jason/tweakpng/
there's a utility
and at
http://www.phoenity.com/newtedge/png_degradability/
a way to use it .