«

Okay, different question from last time about the 'transparent dic' lol!
Is it possible to make a div transparent so you can see the image
behind it and colour the background of it so it makes a kind of tinted
effect? I'm guessing no and that I should fire up PSP. Many thanks in
advance!

In alt.html King of Red Lions said:

> Is it possible to make a div transparent so you can see the image
> behind it and colour the background of it so it makes a kind of tinted
> effect?

alpha images

demo (not supported by IE)
http://www.mozilla.org/start/1.0/demos/eagle-sun.html

fix for IE
http://www.koivi.com/ie-png-transparency/


--


v o i c e s

King of Red Lions wrote:

> Okay, different question from last time about the 'transparent dic' lol!
> Is it possible to make a div transparent so you can see the image
> behind it and colour the background of it so it makes a kind of tinted
> effect? I'm guessing no and that I should fire up PSP. Many thanks in
> advance!

See a post titled 'PNG graphics transparency' from the 12th of this month in
alt.html.

--
Roy Schestowitz
http://schestowitz.com

King of Red Lions wrote:

> Is it possible to make a div transparent so you can see the image
> behind it and colour the background of it so it makes a kind of tinted
> effect?

brucie's answer was good, but it's probably overkill if you "only" want a
tinted effect.

If you want a tinted effect then you should be able to create a
checker-board effect GIF file:

CTCTCTCTCTCT
TCTCTCTCTCTC
CTCTCTCTCTCT
TCTCTCTCTCTC
CTCTCTCTCTCT
TCTCTCTCTCTC

where the T pixels are transparent and the C pixels are your colour.

Then set that GIF to be the background image.

See examples 2 and 3 on this page:
http://examples.tobyinkster.co.uk/translucency/example

Though also read example 1.

For a practical demonstration of the effect, visit my site (URL in sig) in
a decent browser (e.g. Opera or Mozilla) and choose one of these style
sheets from the drop down menu: Purple Flower, Red Flower, Saturn, Wheat.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

brucie wrote:
> In alt.html King of Red Lions said:
>
>
>> Is it possible to make a div transparent so you can see the image
>>behind it and colour the background of it so it makes a kind of tinted
>>effect?
>
>
> alpha images
>
> demo (not supported by IE)
> http://www.mozilla.org/start/1.0/demos/eagle-sun.html
>
> fix for IE
> http://www.koivi.com/ie-png-transparency/
>
>

That's not really what I'm looking for, what I was hoping to acheieve is
something like they have done at ...

http://www.koivi.com/ie-png-transparency/

.... the way the back of the divs or whatever they are are see through
but slightly tinted. How is this done? Many thanks in advance!

In alt.html King of Red Lions said:

> ... the way the back of the divs or whatever they are are see through
> but slightly tinted. How is this done?

they fake it. two images, one faded out and one normal.

stick normal image at the back. stick faded image in whatever is
overlapping the back image. use css to align the overlapping image with
the back image so it now looks like a single image.

--


v o i c e s

In alt.html King of Red Lions said:

> How would one go about positioning a background image?

i know it sounds crazy but perhaps:

background-position
http://www.w3.org/TR/REC-CSS2/colors...round-position

--


v o i c e s

brucie wrote:
> In alt.html King of Red Lions said:
>
>
>>... the way the back of the divs or whatever they are are see through
>>but slightly tinted. How is this done?
>
>
> they fake it. two images, one faded out and one normal.
>
> stick normal image at the back. stick faded image in whatever is
> overlapping the back image. use css to align the overlapping image with
> the back image so it now looks like a single image.
>

How would one go about positioning a background image?

In alt.html King of Red Lions said:

>> stick normal image at the back. stick faded image in whatever is
>> overlapping the back image. use css to align the overlapping image with
>> the back image so it now looks like a single image.

> How would one go about positioning a background image?

quick and dirty demo:
http://moreshit.usenetshit.info/back...nt-thingy.****

--


v o i c e s

brucie wrote:

> quick and dirty demo:
>
http://moreshit.usenetshit.info/back...nt-thingy.****

Is that your backyard brucie?

I can see the fence but I fail to notice any trail bikes caught up in the
razor wire. Did you finally deter them?

--
Cheers
Richard.