Email conversation
| From | Jim Trascapoulos |
|---|
| To | Me |
|---|
| Subject | Making IE use PNG Alpha transparency - repeating areas and overlaying? |
|---|
| Date | 23 March 2006 13:49 |
|---|
Hello,
I've just found your technique for using PNGs in IE, and I'm really
impressed with how this works, but I wonder if you've found any way to make
them work in the background as a repeating element? Basically I need to use
it in a backdrop of a DIV container that will have the same width but will
have varying heights, depending upon the amount of text per-page.
As well, since we're talking background PNGs, as far as I can see the
technique doesn't allow PNGs to be stacked so that a transparant PNG logo in
a container and can sit over a transparant background in that same
container. I'm trying to avoid stacking containers-on-containers using
z-index since I understand that technique is being depreciated.
Do you have any ideas on this? If you're ever in Amsterdam, beer awaits.
;)
(Don't call it a bribe - call it a remuneration.)
- Jim Trascapoulos
| From | Me |
|---|
| To | Jim Trascapoulos |
|---|
| Subject | Re: Making IE use PNG Alpha transparency - repeating areas and overlaying? |
|---|
| Date | 23 March 2006 16:20 |
|---|
Jim,
> I've just found your technique for using PNGs in IE, and I'm really
> impressed with how this works, but I wonder if you've found any way to make
> them work in the background as a repeating element?
The AlphaImageLoader only allows 3 possible ways of using it. None of them
can repeat:
http://msdn.microsoft.com/workshop/...
> Basically I need to use
> it in a backdrop of a DIV container that will have the same width but will
> have varying heights, depending upon the amount of text per-page.
would "scale" not work? if the image is just a single colour (or gentle
pattern) with translucency, it should work.
The good news is that IE 7 will allow normal use of transparent images,
without needing the hack, but that will not be in common use for a long
time.
> As well, since we're talking background PNGs, as far as I can see the
> technique doesn't allow PNGs to be stacked so that a transparant PNG logo in
> a container and can sit over a transparant background in that same
> container. I'm trying to avoid stacking containers-on-containers using
> z-index since I understand that technique is being depreciated.
if it works, it works. but you should theoretically be able to use it as a
background for an element, then use it again on an element (span+img) inside
it. Not promising it will work, since I do not know all the ins-and-outs of
the alphaimageloader.
Mark 'Tarquin' Wilton-Jones - author of http://www.howtocreate.co.uk/